@autobest-ui/scripts 3.0.0-alpha.2 → 3.0.0-alpha.4

package/apiConfig/build.js

@@ -0,0 +1,66 @@
+const webpack = require('webpack');
+const chalk = require('chalk');
+const appConfig = require('../common/appConfig');
+const { runCallback } = require('../common/build');
+const getEnvironmentInfo = require('../common/extendEnv');
+const extendWebpackConfigFromProject = require('../common/extendWebpackConfigFromProject');
+const apiConfigFactory = require('./webpack.prod.api');
+
+process.env.BABEL_ENV = 'production';
+process.env.NODE_ENV = 'production';
+
+process.on('unhandledRejection', err => {
+  // eslint-disable-next-line @typescript-eslint/no-throw-literal
+  throw err;
+});
+
+const extendEnv = getEnvironmentInfo();
+
+function build() {
+  const apiConfig = extendWebpackConfigFromProject(apiConfigFactory, appConfig, extendEnv, {
+    isServer: true,
+    isHotServer: false,
+    isProd: true
+  });
+  // eslint-disable-next-line no-console
+  console.log(chalk.green('Creating an optimized production build...'));
+  const apiCompiler = webpack(apiConfig);
+  return new Promise((resolve, reject) => {
+    apiCompiler.run(runCallback(resolve, reject));
+  });
+}
+
+build()
+  .then(
+    ([clientInfo, serverInfo]) => {
+      if (clientInfo.warnings.length || serverInfo.warnings.length) {
+        // eslint-disable-next-line no-console
+        console.log(chalk.yellow('Compiled with warnings.\n'));
+        // eslint-disable-next-line no-console
+        console.log(clientInfo.warnings.join('\n\n'));
+        // eslint-disable-next-line no-console
+        console.log(serverInfo.warnings.join('\n\n'));
+        // eslint-disable-next-line no-console
+        console.log(`\nSearch for the ${chalk.underline(chalk.yellow('keywords'))} to learn more about each warning.`);
+        // eslint-disable-next-line no-console
+        console.log(`To ignore, add ${chalk.cyan('// eslint-disable-next-line')} to the line before.\n`);
+      } else {
+        // eslint-disable-next-line no-console
+        console.log(chalk.green('Compiled successfully.\n'));
+      }
+    },
+    err => {
+      // eslint-disable-next-line no-console
+      console.log(chalk.red('Failed to compile.\n'));
+      // eslint-disable-next-line no-console
+      console.log(err);
+      process.exit(1);
+    }
+  )
+  .catch(err => {
+    // eslint-disable-next-line no-console
+    console.log(chalk.red('Failed to compile.\n'));
+    // eslint-disable-next-line no-console
+    console.log(err);
+    process.exit(1);
+  });

package/apiConfig/start.js

@@ -0,0 +1,54 @@
+const nodemon = require('nodemon');
+const open = require('open');
+const getEnvironmentInfo = require('../common/extendEnv');
+const appConfig = require('../common/appConfig');
+const { getProjectPath, parseArgsToJson } = require('../common/utils');
+
+const extendEnv = getEnvironmentInfo();
+
+const PORT = process.env.PORT || parseArgsToJson.port || appConfig.startDefaultPort;
+const startOpenPath = appConfig.startOpenPath ? appConfig.startOpenPath : '';
+
+process.env.BABEL_ENV = 'development';
+process.env.NODE_ENV = 'development';
+
+const options = {
+  // 配置文件
+  script: getProjectPath(appConfig.apiEntry),
+  restartable: 're',
+  verbose: true,
+  delay: 1000,
+  watch: appConfig.hotApiWatch,
+  env: {
+    PORT: PORT,
+    BABEL_ENV: 'development',
+    NODE_ENV: 'development',
+    ...extendEnv.raw
+  }
+};
+
+let isOpened = false;
+
+nodemon(options)
+  .on('start', () => {
+    // 启动时的事件
+    // eslint-disable-next-line no-console
+    console.log('Server app has started');
+    if (!isOpened) {
+      setTimeout(() => {
+        open(`http://localhost:${PORT}${startOpenPath}`);
+      }, 3000);
+      isOpened = true;
+    }
+  })
+  .on('quit', () => {
+    // 退出时的事件
+    // eslint-disable-next-line no-console
+    console.log('Server app has quit');
+    process.exit();
+  })
+  .on('restart', () => {
+    // 重启时的事件
+    // eslint-disable-next-line no-console
+    console.log('Server app has restarted');
+  });

package/apiConfig/webpack.prod.api.js

@@ -0,0 +1,38 @@
+const { merge } = require('webpack-merge');
+const { getProjectPath, deleteFolders } = require('../common/utils');
+const webpackCommon = require('../common/webpack.common');
+
+module.exports = function (appConfig, extendEnv, { isServer, isHotServer, isProd }) {
+  const result = merge(webpackCommon(appConfig, extendEnv, { isProd, isServer, isHotServer }), {
+    target: 'node',
+    entry: getProjectPath(appConfig.apiEntry),
+    output: {
+      path: getProjectPath(appConfig.apiOutputPath),
+      publicPath: '/',
+      filename: 'index.js',
+      libraryTarget: 'commonjs2',
+      chunkFilename: '[name].[chunkhash].js'
+    },
+    module: {
+      rules: [
+        {
+          oneOf: [
+            {
+              test: /\.(scss|css|sass)$/,
+              use: [
+                {
+                  loader: require.resolve('ignore-loader')
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    }
+  });
+
+  const buildServerOutput = getProjectPath(result.output.path);
+  deleteFolders(buildServerOutput);
+
+  return result;
+};

package/bin/api.js

@@ -0,0 +1,44 @@
+#!/usr/bin/env node
+
+process.on('unhandledRejection', err => {
+  // eslint-disable-next-line @typescript-eslint/no-throw-literal
+  throw err;
+});
+
+const spawn = require('cross-spawn');
+
+const args = process.argv.slice(2);
+
+const scriptIndex = args.findIndex(x => x === 'build' || x === 'start');
+const script = scriptIndex === -1 ? args[0] : args[scriptIndex];
+const nodeArgs = scriptIndex > 0 ? args.slice(0, scriptIndex) : [];
+
+if (['build', 'start'].includes(script)) {
+  const result = spawn.sync(
+    process.execPath,
+    nodeArgs.concat(require.resolve(`../apiConfig/${script}`)).concat(args.slice(scriptIndex + 1)),
+    { stdio: 'inherit' }
+  );
+  if (result.signal) {
+    if (result.signal === 'SIGKILL') {
+      // eslint-disable-next-line no-console
+      console.log(
+        'The build failed because the process exited too early. ' +
+          'This probably means the system ran out of memory or someone called ' +
+          '`kill -9` on the process.'
+      );
+    } else if (result.signal === 'SIGTERM') {
+      // eslint-disable-next-line no-console
+      console.log(
+        'The build failed because the process exited too early. ' +
+          'Someone might have called `kill` or `killall`, or the system could ' +
+          'be shutting down.'
+      );
+    }
+    process.exit(1);
+  }
+  process.exit(result.status);
+} else {
+  // eslint-disable-next-line no-console
+  console.log(`Unknown script "${script}".`);
+}

package/common/appConfig.js

@@ -58,7 +58,12 @@ const defaultConfig = {
   // 静态资源css基础文件夹
   baseStaticCssPath: 'css',
   // 静态资源js基础文件夹
-  baseStaticJsPath: 'js'
+  baseStaticJsPath: 'js',
+
+  // API 配置
+  apiEntry: '/src/index.ts',
+  apiOutputPath: '/build',
+  hotApiWatch: ['src']
 };
 
 module.exports = {

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@autobest-ui/scripts",
-  "version": "3.0.0-alpha.2",
+  "version": "3.0.0-alpha.4",
   "private": false,
   "description": "utils for project tools",
   "bin": {
     "react-spa": "./bin/spa.js",
-    "react-ssr": "./bin/ssr.js"
+    "react-ssr": "./bin/ssr.js",
+    "node-api": "./bin/api.js"
   },
   "scripts": {
     "clean": "rimraf lib esm",
@@ -21,6 +22,7 @@
     "bin",
     "spaConfig",
     "ssrConfig",
+    "apiConfig",
     "common"
   ],
   "keywords": [