@autobest-ui/scripts 0.0.3 → 0.1.0

package/spaConfig/webpack.dev.js

@@ -1,45 +1,45 @@
-const merge = require('webpack-merge');
-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(false, appConfig, extendEnv), {
-    entry: getProjectPath(appConfig.startEntry),
-    output: {
-      publicPath: appConfig.startOutput.publicPath || '/',
-      path: appConfig.startOutput.path,
-      pathinfo: true,
-      futureEmitAssets: true,
-      filename: 'bundle.js',
-      chunkFilename: '[name].chunk.js'
-    },
-    node: {
-      fs: 'empty'
-    },
-    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
-      })
-    ],
-    optimization: {
-      minimize: false,
-      splitChunks: {
-        chunks: 'all',
-        name: false
-      },
-      runtimeChunk: true
-    }
-  });
-};
+const merge = require('webpack-merge');
+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(false, appConfig, extendEnv), {
+    entry: getProjectPath(appConfig.startEntry),
+    output: {
+      publicPath: appConfig.startOutput.publicPath || '/',
+      path: appConfig.startOutput.path,
+      pathinfo: true,
+      futureEmitAssets: true,
+      filename: 'bundle.js',
+      chunkFilename: '[name].chunk.js'
+    },
+    node: {
+      fs: 'empty'
+    },
+    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
+      })
+    ],
+    optimization: {
+      minimize: false,
+      splitChunks: {
+        chunks: 'all',
+        name: false
+      },
+      runtimeChunk: true
+    }
+  });
+};

package/spaConfig/webpack.prod.js

@@ -1,78 +1,78 @@
-const merge = require('webpack-merge');
-const TerserPlugin = require('terser-webpack-plugin');
-const ScriptExtHtmlWebpackPlugin = require('script-ext-html-webpack-plugin');
-// eslint-disable-next-line import/no-extraneous-dependencies
-const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
-const safePostCssParser = require('postcss-safe-parser');
-const baseConfig = require('./webpack.base');
-const { getProjectPath, deleteFolders } = require('../common/utils');
-
-module.exports = function(appConfig, extendEnv) {
-  const outputPath = getProjectPath(appConfig.buildOutput.path);
-  deleteFolders(outputPath);
-
-  return merge(baseConfig(true, appConfig, extendEnv), {
-    // 打包的入口文件
-    entry: getProjectPath(appConfig.buildEntry),
-    // 打包的出口
-    output: {
-      publicPath: appConfig.buildOutput.publicPath || '/',
-      path: outputPath,
-      // 入口文件生产的js
-      filename: `static/js/[name].chunk.js?v=${extendEnv.version}`,
-      // 非入口文件生产的js
-      chunkFilename: `static/js/[name].chunk.js?v=${extendEnv.version}`
-    },
-    node: {
-      fs: 'empty'
-    },
-    plugins: [
-      new ScriptExtHtmlWebpackPlugin({
-        defaultAttribute: 'async',
-        preload: /\.js\?v=/
-      })
-    ],
-    optimization: {
-      concatenateModules: true,
-      minimizer: [
-        // 压缩js
-        new TerserPlugin({
-          cache: true,
-          parallel: true,
-          sourceMap: true
-        }),
-
-        // 压缩css
-        new OptimizeCSSAssetsPlugin({
-          cssProcessorOptions: {
-            parser: safePostCssParser,
-            map: {
-              inline: false,
-              annotation: false
-            }
-          }
-        })
-      ],
-      splitChunks: {
-        chunks: 'initial',
-        minSize: 0,
-        maxAsyncRequests: 5,
-        maxInitialRequests: 3,
-        automaticNameDelimiter: '~',
-        name: true,
-        cacheGroups: {
-          vendor: {
-            test: /[\\/]node_modules[\\/]/,
-            chunks: 'initial',
-            name: 'vendor',
-            minChunks: 1,
-            priority: 10
-          }
-        }
-      },
-      runtimeChunk: {
-        name: 'manifest'
-      }
-    }
-  });
-};
+const merge = require('webpack-merge');
+const TerserPlugin = require('terser-webpack-plugin');
+const ScriptExtHtmlWebpackPlugin = require('script-ext-html-webpack-plugin');
+// eslint-disable-next-line import/no-extraneous-dependencies
+const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
+const safePostCssParser = require('postcss-safe-parser');
+const baseConfig = require('./webpack.base');
+const { getProjectPath, deleteFolders } = require('../common/utils');
+
+module.exports = function(appConfig, extendEnv) {
+  const outputPath = getProjectPath(appConfig.buildOutput.path);
+  deleteFolders(outputPath);
+
+  return merge(baseConfig(true, appConfig, extendEnv), {
+    // 打包的入口文件
+    entry: getProjectPath(appConfig.buildEntry),
+    // 打包的出口
+    output: {
+      publicPath: appConfig.buildOutput.publicPath || '/',
+      path: outputPath,
+      // 入口文件生产的js
+      filename: `js/[name].chunk.js?v=${extendEnv.version}`,
+      // 非入口文件生产的js
+      chunkFilename: `js/[name].chunk.js?v=${extendEnv.version}`
+    },
+    node: {
+      fs: 'empty'
+    },
+    plugins: [
+      new ScriptExtHtmlWebpackPlugin({
+        defaultAttribute: 'async',
+        preload: /\.js\?v=/
+      })
+    ],
+    optimization: {
+      concatenateModules: true,
+      minimizer: [
+        // 压缩js
+        new TerserPlugin({
+          cache: true,
+          parallel: true,
+          sourceMap: true
+        }),
+
+        // 压缩css
+        new OptimizeCSSAssetsPlugin({
+          cssProcessorOptions: {
+            parser: safePostCssParser,
+            map: {
+              inline: false,
+              annotation: false
+            }
+          }
+        })
+      ],
+      splitChunks: {
+        chunks: 'initial',
+        minSize: 0,
+        maxAsyncRequests: 5,
+        maxInitialRequests: 3,
+        automaticNameDelimiter: '~',
+        name: true,
+        cacheGroups: {
+          vendor: {
+            test: /[\\/]node_modules[\\/]/,
+            chunks: 'initial',
+            name: 'vendor',
+            minChunks: 1,
+            priority: 10
+          }
+        }
+      },
+      runtimeChunk: {
+        name: 'manifest'
+      }
+    }
+  });
+};

package/ssrConfig/build.js

@@ -1,82 +1,82 @@
-const webpack = require('webpack');
-const chalk = require('chalk');
-const appConfig = require('../common/appConfig');
-const { runCallback } = require('../common/build');
-const { getProjectPath, deleteFolders } = require('../common/utils');
-const getEnvironmentInfo = require('../common/extendEnv');
-const clientConfigFactory = require('./webpack.prod.client');
-const serverConfigFactory = require('./webpack.prod.server');
-
-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 buildClientOutput = getProjectPath(appConfig.buildClientOutput.path);
-  deleteFolders(buildClientOutput);
-
-  const buildServerOutput = getProjectPath(appConfig.buildServerOutput.path);
-  deleteFolders(buildServerOutput);
-
-  const clientConfig = clientConfigFactory(appConfig, extendEnv);
-  const serverConfig = serverConfigFactory(appConfig, extendEnv);
-  // eslint-disable-next-line no-console
-  console.log(chalk.green('Creating an optimized production build...'));
-  const clientCompiler = webpack(clientConfig);
-  const serverCompiler = webpack(serverConfig);
-  const clientCompilerPromise = new Promise((resolve, reject) => {
-    clientCompiler.run(runCallback(resolve, reject));
-  });
-  const serverCompilerPromise = new Promise((resolve, reject) => {
-    serverCompiler.run(runCallback(resolve, reject));
-  });
-
-  return Promise.all([clientCompilerPromise, serverCompilerPromise]);
-}
-
-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);
-  });
+const webpack = require('webpack');
+const chalk = require('chalk');
+const appConfig = require('../common/appConfig');
+const { runCallback } = require('../common/build');
+const { getProjectPath, deleteFolders } = require('../common/utils');
+const getEnvironmentInfo = require('../common/extendEnv');
+const clientConfigFactory = require('./webpack.prod.client');
+const serverConfigFactory = require('./webpack.prod.server');
+
+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 buildClientOutput = getProjectPath(appConfig.buildClientOutput.path);
+  deleteFolders(buildClientOutput);
+
+  const buildServerOutput = getProjectPath(appConfig.buildServerOutput.path);
+  deleteFolders(buildServerOutput);
+
+  const clientConfig = clientConfigFactory(appConfig, extendEnv);
+  const serverConfig = serverConfigFactory(appConfig, extendEnv);
+  // eslint-disable-next-line no-console
+  console.log(chalk.green('Creating an optimized production build...'));
+  const clientCompiler = webpack(clientConfig);
+  const serverCompiler = webpack(serverConfig);
+  const clientCompilerPromise = new Promise((resolve, reject) => {
+    clientCompiler.run(runCallback(resolve, reject));
+  });
+  const serverCompilerPromise = new Promise((resolve, reject) => {
+    serverCompiler.run(runCallback(resolve, reject));
+  });
+
+  return Promise.all([clientCompilerPromise, serverCompilerPromise]);
+}
+
+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);
+  });