@autobest-ui/scripts 0.0.4 → 0.1.1

package/ssrConfig/server.js

@@ -1,144 +1,144 @@
-const nodemon = require('nodemon');
-const open = require('open');
-const webpack = require('webpack');
-const appConfig = require('../common/appConfig');
-const getEnvironmentInfo = require('../common/extendEnv');
-const clientConfigFactory = require('./webpack.dev.client');
-const serverConfigFactory = require('./webpack.dev.server');
-const { getProjectPath, parseArgsToJson } = require('../common/utils');
-
-const extendEnv = getEnvironmentInfo(true);
-const clientConfig = clientConfigFactory(appConfig, extendEnv);
-const serverConfig = serverConfigFactory(appConfig, extendEnv);
-
-const PORT = process.env.PORT || parseArgsToJson.port || appConfig.hotSsrDefaultPort;
-const hotSsrOpenPath = appConfig.hotSsrOpenPath ? appConfig.hotSsrOpenPath : '';
-
-process.env.BABEL_ENV = 'development';
-process.env.NODE_ENV = 'development';
-
-const options = {
-  // 配置文件
-  script: getProjectPath(appConfig.hotSsrRunPath),
-  restartable: 're',
-  verbose: true,
-  delay: 3000,
-  watch: appConfig.hotSsrWatch,
-  env: {
-    SERVER_PORT: appConfig.hotSsrDefaultPort,
-    SERVER_RUN: 'NODE',
-    ...extendEnv.raw
-  }
-};
-
-const clientCompiler = webpack(clientConfig);
-const serverCompiler = webpack(serverConfig);
-
-let isOpened = false;
-
-function openServer() {
-  nodemon(options)
-    .on('start', () => {
-      // 启动时的事件
-      // eslint-disable-next-line no-console
-      console.log('Server app has started');
-      if (!isOpened) {
-        open(`http://localhost:${PORT}${hotSsrOpenPath}`);
-        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');
-    });
-}
-
-function run() {
-  const compiler = new Promise((resolve, reject) => {
-    let clientWatched = false;
-    let serverWatched = false;
-    let isResolved = false;
-
-    function completeAndResolve() {
-      if (clientWatched && serverWatched && !isResolved) {
-        isResolved = true;
-        return resolve();
-      }
-      return null;
-    }
-
-    function watchingHandler(err, stats) {
-      const info = stats.toJson({
-        assets: false,
-        hash: false,
-        colors: false,
-        warningsFilter: warn => warn.indexOf('Conflicting order between:') > -1
-      });
-      if (stats.hasErrors()) {
-        // eslint-disable-next-line no-console
-        info.errors.forEach(item => console.log(item));
-      }
-
-      if (stats.hasWarnings()) {
-        // eslint-disable-next-line no-console
-        info.warnings.forEach(item => console.log(item));
-      }
-    }
-
-    const clientWatching = clientCompiler.watch(
-      {
-        ignored: /node_modules/,
-        aggregateTimeout: 600
-      },
-      // eslint-disable-next-line consistent-return
-      (err, stats) => {
-        if (err) {
-          // eslint-disable-next-line no-console
-          console.log(err);
-          clientWatching.invalidate();
-          return reject();
-        }
-        watchingHandler(err, stats);
-
-        clientWatched = true;
-        completeAndResolve();
-      }
-    );
-    const serverWatching = serverCompiler.watch(
-      {
-        ignored: /node_modules/,
-        aggregateTimeout: 600
-      },
-      // eslint-disable-next-line consistent-return
-      (err, stats) => {
-        if (err) {
-          // eslint-disable-next-line no-console
-          console.log(err);
-          serverWatching.invalidate();
-          return reject();
-        }
-
-        watchingHandler(err, stats);
-
-        serverWatched = true;
-        completeAndResolve();
-      }
-    );
-  });
-
-  compiler
-    .then(() => {
-      openServer();
-    })
-    // eslint-disable-next-line no-console
-    .catch(error => console.log(error));
-}
-
-run();
+const nodemon = require('nodemon');
+const open = require('open');
+const webpack = require('webpack');
+const appConfig = require('../common/appConfig');
+const getEnvironmentInfo = require('../common/extendEnv');
+const clientConfigFactory = require('./webpack.dev.client');
+const serverConfigFactory = require('./webpack.dev.server');
+const { getProjectPath, parseArgsToJson } = require('../common/utils');
+
+const extendEnv = getEnvironmentInfo(true);
+const clientConfig = clientConfigFactory(appConfig, extendEnv);
+const serverConfig = serverConfigFactory(appConfig, extendEnv);
+
+const PORT = process.env.PORT || parseArgsToJson.port || appConfig.hotSsrDefaultPort;
+const hotSsrOpenPath = appConfig.hotSsrOpenPath ? appConfig.hotSsrOpenPath : '';
+
+process.env.BABEL_ENV = 'development';
+process.env.NODE_ENV = 'development';
+
+const options = {
+  // 配置文件
+  script: getProjectPath(appConfig.hotSsrRunPath),
+  restartable: 're',
+  verbose: true,
+  delay: 3000,
+  watch: appConfig.hotSsrWatch,
+  env: {
+    SERVER_PORT: PORT,
+    SERVER_RUN: 'NODE',
+    ...extendEnv.raw
+  }
+};
+
+const clientCompiler = webpack(clientConfig);
+const serverCompiler = webpack(serverConfig);
+
+let isOpened = false;
+
+function openServer() {
+  nodemon(options)
+    .on('start', () => {
+      // 启动时的事件
+      // eslint-disable-next-line no-console
+      console.log('Server app has started');
+      if (!isOpened) {
+        open(`http://localhost:${PORT}${hotSsrOpenPath}`);
+        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');
+    });
+}
+
+function run() {
+  const compiler = new Promise((resolve, reject) => {
+    let clientWatched = false;
+    let serverWatched = false;
+    let isResolved = false;
+
+    function completeAndResolve() {
+      if (clientWatched && serverWatched && !isResolved) {
+        isResolved = true;
+        return resolve();
+      }
+      return null;
+    }
+
+    function watchingHandler(err, stats) {
+      const info = stats.toJson({
+        assets: false,
+        hash: false,
+        colors: false,
+        warningsFilter: warn => warn.indexOf('Conflicting order between:') > -1
+      });
+      if (stats.hasErrors()) {
+        // eslint-disable-next-line no-console
+        info.errors.forEach(item => console.log(item));
+      }
+
+      if (stats.hasWarnings()) {
+        // eslint-disable-next-line no-console
+        info.warnings.forEach(item => console.log(item));
+      }
+    }
+
+    const clientWatching = clientCompiler.watch(
+      {
+        ignored: /node_modules/,
+        aggregateTimeout: 600
+      },
+      // eslint-disable-next-line consistent-return
+      (err, stats) => {
+        if (err) {
+          // eslint-disable-next-line no-console
+          console.log(err);
+          clientWatching.invalidate();
+          return reject();
+        }
+        watchingHandler(err, stats);
+
+        clientWatched = true;
+        completeAndResolve();
+      }
+    );
+    const serverWatching = serverCompiler.watch(
+      {
+        ignored: /node_modules/,
+        aggregateTimeout: 600
+      },
+      // eslint-disable-next-line consistent-return
+      (err, stats) => {
+        if (err) {
+          // eslint-disable-next-line no-console
+          console.log(err);
+          serverWatching.invalidate();
+          return reject();
+        }
+
+        watchingHandler(err, stats);
+
+        serverWatched = true;
+        completeAndResolve();
+      }
+    );
+  });
+
+  compiler
+    .then(() => {
+      openServer();
+    })
+    // eslint-disable-next-line no-console
+    .catch(error => console.log(error));
+}
+
+run();

package/ssrConfig/start.js

@@ -1,4 +1,4 @@
-const webpackFactory = require('./webpack.dev');
-const openStartRun = require('../common/start');
-
-openStartRun(webpackFactory);
+const webpackFactory = require('./webpack.dev');
+const openStartRun = require('../common/start');
+
+openStartRun(webpackFactory);

package/ssrConfig/webpack.base.js

@@ -1,60 +1,46 @@
-const webpack = require('webpack');
-const merge = require('webpack-merge');
-const path = require('path');
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const webpackCommon = require('../common/webpack.common');
-
-module.exports = (appConfig, extendEnv, { isServer, isHotServer, isSetCommonAlias, isProd }) => {
-  const result = {
-    plugins: [],
-    module: {
-      rules: []
-    }
-  };
-  if ((isProd || isHotServer) && !isServer) {
-    result.plugins.push(
-      // modules Id 随机数导致缓存失效
-      new webpack.HashedModuleIdsPlugin(),
-      // 解决新旧版本迭代时，google cache 旧版不能正常运行js
-      // 通过指定chunk name而不是随机数
-      new webpack.NamedChunksPlugin(chunk => {
-        if (chunk.name) {
-          return chunk.name;
-        }
-
-        // eslint-disable-next-line no-underscore-dangle
-        return [...chunk._modules]
-          .map(m =>
-            path.relative(m.context, m.userRequest.substring(0, m.userRequest.lastIndexOf('.')))
-          )
-          .join('_');
-      }),
-      new MiniCssExtractPlugin({
-        // filename: isHotServer ? 'css/[name].css' : `css/[name].css?v=${env.version}`,
-        // 采用AMP 直接 把css 填充到html
-        filename: isHotServer ? 'css/[name].css' : 'css/[name][contenthash].css',
-        allChunks: !isHotServer,
-        ignoreOrder: true
-      })
-    );
-  }
-
-  if (isSetCommonAlias) {
-    // 替换文件路径
-    result.module.rules.unshift({
-      test: /\.(js|ts|tsx)$/,
-      loader: '@autobest-ui/replace-loader',
-      options: {
-        list: [
-          {
-            pattern: '@autobest-ui/auto-parts-prime/lib',
-            target: '@autobest-ui/auto-parts-prime/src',
-            modifiers: 'g'
-          }
-        ]
-      }
-    });
-  }
-
-  return merge(webpackCommon(appConfig, extendEnv, { isProd, isServer, isHotServer }), result);
-};
+const webpack = require('webpack');
+const merge = require('webpack-merge');
+const path = require('path');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const webpackCommon = require('../common/webpack.common');
+
+module.exports = (appConfig, extendEnv, { isServer, isHotServer, isSetCommonAlias, isProd }) => {
+  const result = {
+    plugins: [],
+    module: {
+      rules: []
+    }
+  };
+  if ((isProd || isHotServer) && !isServer) {
+    result.plugins.push(
+      // modules Id 随机数导致缓存失效
+      new webpack.HashedModuleIdsPlugin(),
+      // 解决新旧版本迭代时，google cache 旧版不能正常运行js
+      // 通过指定chunk name而不是随机数
+      new webpack.NamedChunksPlugin(chunk => {
+        if (chunk.name) {
+          return chunk.name;
+        }
+
+        // eslint-disable-next-line no-underscore-dangle
+        return [...chunk._modules]
+          .map(m =>
+            path.relative(m.context, m.userRequest.substring(0, m.userRequest.lastIndexOf('.')))
+          )
+          .join('_');
+      }),
+      new MiniCssExtractPlugin({
+        // filename: isHotServer ? 'css/[name].css' : `css/[name].css?v=${env.version}`,
+        // 采用AMP 直接 把css 填充到html
+        filename: isHotServer ? 'css/[name].css' : 'css/[name][contenthash].css',
+        allChunks: !isHotServer,
+        ignoreOrder: true
+      })
+    );
+  }
+
+  return merge(
+    webpackCommon(appConfig, extendEnv, { isProd, isServer, isHotServer, isSetCommonAlias }),
+    result
+  );
+};

package/ssrConfig/webpack.dev.client.js

@@ -1,31 +1,31 @@
-const merge = require('webpack-merge');
-const LoadablePlugin = require('@loadable/webpack-plugin');
-const baseConfig = require('./webpack.base');
-const { getProjectPath } = require('../common/utils');
-
-module.exports = function(appConfig, extendEnv) {
-  return merge(
-    baseConfig(appConfig, extendEnv, {
-      isServer: false,
-      isHotServer: true,
-      isSetCommonAlias: true,
-      isProd: false
-    }),
-    {
-      // 入口文件
-      entry: getProjectPath(appConfig.hotSsrClientEntry),
-      node: {
-        fs: 'empty'
-      },
-      // 输出信息
-      output: {
-        // 输出文件路径
-        path: getProjectPath(appConfig.hotSsrClientOutput.path),
-        publicPath: appConfig.hotSsrClientOutput.publicPath || '/',
-        filename: 'js/[name].js',
-        chunkFilename: 'js/[name].js'
-      },
-      plugins: [new LoadablePlugin()]
-    }
-  );
-};
+const merge = require('webpack-merge');
+const LoadablePlugin = require('@loadable/webpack-plugin');
+const baseConfig = require('./webpack.base');
+const { getProjectPath } = require('../common/utils');
+
+module.exports = function(appConfig, extendEnv) {
+  return merge(
+    baseConfig(appConfig, extendEnv, {
+      isServer: false,
+      isHotServer: true,
+      isSetCommonAlias: true,
+      isProd: false
+    }),
+    {
+      // 入口文件
+      entry: getProjectPath(appConfig.hotSsrClientEntry),
+      node: {
+        fs: 'empty'
+      },
+      // 输出信息
+      output: {
+        // 输出文件路径
+        path: getProjectPath(appConfig.hotSsrClientOutput.path),
+        publicPath: appConfig.hotSsrClientOutput.publicPath || '/',
+        filename: 'js/[name].js',
+        chunkFilename: 'js/[name].js'
+      },
+      plugins: [new LoadablePlugin()]
+    }
+  );
+};

package/ssrConfig/webpack.dev.js

@@ -1,58 +1,58 @@
-const merge = require('webpack-merge');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const ip = require('ip');
-const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin');
-const baseConfig = require('./webpack.base');
-const { getProjectPath } = require('../common/utils');
-
-const HOST = process.env.HOST || ip.address() || 'localhost';
-
-module.exports = function(appConfig, extendEnv) {
-  return merge(
-    baseConfig(appConfig, extendEnv, {
-      isServer: false,
-      isHotServer: false,
-      isSetCommonAlias: true,
-      isProd: false
-    }),
-    {
-      entry: getProjectPath(appConfig.startEntry),
-      output: {
-        publicPath: appConfig.startOutput.publicPath || '/',
-        path: appConfig.startOutput.path,
-        pathinfo: true,
-        futureEmitAssets: true,
-        filename: 'bundle.js',
-        chunkFilename: '[name].chunk.js'
-      },
-      plugins: [
-        // 相关配置文档：https://github.com/geowarin/friendly-errors-webpack-plugin
-        new FriendlyErrorsPlugin({
-          compilationSuccessInfo: {
-            messages: [
-              `localhost运行链接: http://localhost:${appConfig.port}${appConfig.startOpenPath}\n`,
-              `ip运行链接: http://${HOST}:${appConfig.port}${appConfig.startOpenPath}\n`
-            ]
-          },
-          onErrors: null,
-          clearConsole: true
-        }),
-        new HtmlWebpackPlugin({
-          inject: true,
-          template: getProjectPath(appConfig.htmlPluginTemplate)
-        })
-      ],
-      node: {
-        fs: 'empty'
-      },
-      optimization: {
-        minimize: false,
-        splitChunks: {
-          chunks: 'all',
-          name: false
-        },
-        runtimeChunk: true
-      }
-    }
-  );
-};
+const merge = require('webpack-merge');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const ip = require('ip');
+const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin');
+const baseConfig = require('./webpack.base');
+const { getProjectPath } = require('../common/utils');
+
+const HOST = process.env.HOST || ip.address() || 'localhost';
+
+module.exports = function(appConfig, extendEnv) {
+  return merge(
+    baseConfig(appConfig, extendEnv, {
+      isServer: false,
+      isHotServer: false,
+      isSetCommonAlias: true,
+      isProd: false
+    }),
+    {
+      entry: getProjectPath(appConfig.startEntry),
+      output: {
+        publicPath: appConfig.startOutput.publicPath || '/',
+        path: appConfig.startOutput.path,
+        pathinfo: true,
+        futureEmitAssets: true,
+        filename: 'bundle.js',
+        chunkFilename: '[name].chunk.js'
+      },
+      plugins: [
+        // 相关配置文档：https://github.com/geowarin/friendly-errors-webpack-plugin
+        new FriendlyErrorsPlugin({
+          compilationSuccessInfo: {
+            messages: [
+              `localhost运行链接: http://localhost:${appConfig.port}${appConfig.startOpenPath}\n`,
+              `ip运行链接: http://${HOST}:${appConfig.port}${appConfig.startOpenPath}\n`
+            ]
+          },
+          onErrors: null,
+          clearConsole: true
+        }),
+        new HtmlWebpackPlugin({
+          inject: true,
+          template: getProjectPath(appConfig.htmlPluginTemplate)
+        })
+      ],
+      node: {
+        fs: 'empty'
+      },
+      optimization: {
+        minimize: false,
+        splitChunks: {
+          chunks: 'all',
+          name: false
+        },
+        runtimeChunk: true
+      }
+    }
+  );
+};