@autobest-ui/scripts 0.0.3 → 0.1.0

package/ssrConfig/webpack.dev.server.js

@@ -1,58 +1,58 @@
-const webpack = require('webpack');
-// eslint-disable-next-line import/no-extraneous-dependencies
-const nodeExternals = require('webpack-node-externals');
-const merge = require('webpack-merge');
-const baseConfig = require('./webpack.base');
-const { getProjectPath } = require('../common/utils');
-
-module.exports = function(appConfig, extendEnv) {
-  return merge(
-    baseConfig(appConfig, extendEnv, {
-      isServer: true,
-      isHotServer: true,
-      isSetCommonAlias: true,
-      isProd: false
-    }),
-    {
-      // 告诉 webpack打包的是 node端代码，避免把nodejs内置的模块打包到输出文件中，例如 fs path
-      target: 'node',
-      // 避免把 node_modules包下的第三方模块中包含的 nodejs内置的模块打包到出书文件中
-      externals: nodeExternals({
-        // 当然外部的css还是可以打进来的
-        whitelist: /\.(js|css|less|scss|png|jpg|jpeg)$/
-      }),
-      // 入口文件
-      entry: getProjectPath(appConfig.hotSsrServerEntry),
-      // 输出信息
-      output: {
-        path: getProjectPath(appConfig.hotSsrServerOutput.path),
-        publicPath: appConfig.hotSsrServerOutput.publicPath || '/',
-        // 输出文件名
-        filename: 'bundle.js',
-        libraryTarget: 'commonjs2'
-      },
-      module: {
-        rules: [
-          {
-            oneOf: [
-              {
-                test: /\.(scss|css|sass)$/,
-                use: [
-                  {
-                    loader: 'ignore-loader'
-                  }
-                ]
-              }
-            ]
-          }
-        ]
-      },
-      plugins: [new webpack.ContextReplacementPlugin(/any-promise/)],
-      // 避免路径丢失
-      node: {
-        __filename: true,
-        __dirname: true
-      }
-    }
-  );
-};
+const webpack = require('webpack');
+// eslint-disable-next-line import/no-extraneous-dependencies
+const nodeExternals = require('webpack-node-externals');
+const merge = require('webpack-merge');
+const baseConfig = require('./webpack.base');
+const { getProjectPath } = require('../common/utils');
+
+module.exports = function(appConfig, extendEnv) {
+  return merge(
+    baseConfig(appConfig, extendEnv, {
+      isServer: true,
+      isHotServer: true,
+      isSetCommonAlias: true,
+      isProd: false
+    }),
+    {
+      // 告诉 webpack打包的是 node端代码，避免把nodejs内置的模块打包到输出文件中，例如 fs path
+      target: 'node',
+      // 避免把 node_modules包下的第三方模块中包含的 nodejs内置的模块打包到出书文件中
+      externals: nodeExternals({
+        // 当然外部的css还是可以打进来的
+        whitelist: /\.(js|css|less|scss|png|jpg|jpeg)$/
+      }),
+      // 入口文件
+      entry: getProjectPath(appConfig.hotSsrServerEntry),
+      // 输出信息
+      output: {
+        path: getProjectPath(appConfig.hotSsrServerOutput.path),
+        publicPath: appConfig.hotSsrServerOutput.publicPath || '/',
+        // 输出文件名
+        filename: 'bundle.js',
+        libraryTarget: 'commonjs2'
+      },
+      module: {
+        rules: [
+          {
+            oneOf: [
+              {
+                test: /\.(scss|css|sass)$/,
+                use: [
+                  {
+                    loader: 'ignore-loader'
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      plugins: [new webpack.ContextReplacementPlugin(/any-promise/)],
+      // 避免路径丢失
+      node: {
+        __filename: true,
+        __dirname: true
+      }
+    }
+  );
+};

package/ssrConfig/webpack.prod.client.js

@@ -1,92 +1,92 @@
-const merge = require('webpack-merge');
-const LoadablePlugin = require('@loadable/webpack-plugin');
-const TerserPlugin = require('terser-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 } = require('../common/utils');
-
-const isCommonBuild = process.env.REACT_APP_BUILD_TYPE === 'common';
-
-module.exports = function(appConfig, extendEnv) {
-  return merge(
-    baseConfig(appConfig, extendEnv, {
-      isServer: false,
-      isHotServer: false,
-      isSetCommonAlias: isCommonBuild,
-      isProd: true
-    }),
-    {
-      entry: getProjectPath(appConfig.buildClientEntry),
-      // 打包的出口
-      output: {
-        path: getProjectPath(appConfig.buildClientOutput.path),
-        publicPath: appConfig.buildClientOutput.publicPath || '/',
-        // 入口文件生产的js
-        filename: `js/[name].js?v=${extendEnv.version}`,
-        // 非入口文件生产的js
-        chunkFilename: `js/[name].js?v=${extendEnv.version}`
-      },
-      node: {
-        fs: 'empty'
-      },
-      plugins: [
-        new LoadablePlugin({
-          filename: appConfig.buildClientLoadableConfig.filename,
-          writeToDisk: {
-            filename: getProjectPath(appConfig.buildClientLoadableConfig.writeToDiskFilename)
-          }
-        })
-      ],
-      optimization: {
-        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: {
-            common: {
-              chunks: 'async',
-              name: 'common',
-              minChunks: 20,
-              priority: 2
-            },
-            vendor: {
-              test: /[\\/]node_modules[\\/]/,
-              chunks: 'initial',
-              name: 'vendor',
-              minChunks: 1,
-              priority: 10
-            }
-          }
-        },
-        runtimeChunk: {
-          name: 'manifest'
-        }
-      }
-    }
-  );
-};
+const merge = require('webpack-merge');
+const LoadablePlugin = require('@loadable/webpack-plugin');
+const TerserPlugin = require('terser-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 } = require('../common/utils');
+
+const isCommonBuild = process.env.REACT_APP_BUILD_TYPE === 'common';
+
+module.exports = function(appConfig, extendEnv) {
+  return merge(
+    baseConfig(appConfig, extendEnv, {
+      isServer: false,
+      isHotServer: false,
+      isSetCommonAlias: isCommonBuild,
+      isProd: true
+    }),
+    {
+      entry: getProjectPath(appConfig.buildClientEntry),
+      // 打包的出口
+      output: {
+        path: getProjectPath(appConfig.buildClientOutput.path),
+        publicPath: appConfig.buildClientOutput.publicPath || '/',
+        // 入口文件生产的js
+        filename: `js/[name].js?v=${extendEnv.version}`,
+        // 非入口文件生产的js
+        chunkFilename: `js/[name].js?v=${extendEnv.version}`
+      },
+      node: {
+        fs: 'empty'
+      },
+      plugins: [
+        new LoadablePlugin({
+          filename: appConfig.buildClientLoadableConfig.filename,
+          writeToDisk: {
+            filename: getProjectPath(appConfig.buildClientLoadableConfig.writeToDiskFilename)
+          }
+        })
+      ],
+      optimization: {
+        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: {
+            common: {
+              chunks: 'async',
+              name: 'common',
+              minChunks: 20,
+              priority: 2
+            },
+            vendor: {
+              test: /[\\/]node_modules[\\/]/,
+              chunks: 'initial',
+              name: 'vendor',
+              minChunks: 1,
+              priority: 10
+            }
+          }
+        },
+        runtimeChunk: {
+          name: 'manifest'
+        }
+      }
+    }
+  );
+};

package/ssrConfig/webpack.prod.server.js

@@ -1,50 +1,50 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-const nodeExternals = require('webpack-node-externals');
-const merge = require('webpack-merge');
-const baseConfig = require('./webpack.base');
-const { getProjectPath } = require('../common/utils');
-
-const isCommonBuild = process.env.REACT_APP_BUILD_TYPE === 'common';
-
-module.exports = function(appConfig, extendEnv) {
-  return merge(
-    baseConfig(appConfig, extendEnv, {
-      isServer: true,
-      isHotServer: false,
-      isSetCommonAlias: isCommonBuild,
-      isProd: true
-    }),
-    {
-      target: 'node',
-      entry: getProjectPath(appConfig.buildServerEntry),
-      output: {
-        path: getProjectPath(appConfig.buildServerOutput.path),
-        publicPath: appConfig.buildServerOutput.publicPath || '/',
-        filename: 'server-bundle.js',
-        libraryTarget: 'commonjs2',
-        chunkFilename: 'js/[name].[chunkhash].js'
-      },
-      module: {
-        rules: [
-          {
-            oneOf: [
-              {
-                test: /\.(scss|css|sass)$/,
-                use: [
-                  {
-                    loader: 'ignore-loader'
-                  }
-                ]
-              }
-            ]
-          }
-        ]
-      },
-      // 服务端打包的时候忽略外部的npm包
-      externals: nodeExternals({
-        // 当然外部的css还是可以打进来的
-        whitelist: /\.(css|less|scss)$/
-      })
-    }
-  );
-};
+// eslint-disable-next-line import/no-extraneous-dependencies
+const nodeExternals = require('webpack-node-externals');
+const merge = require('webpack-merge');
+const baseConfig = require('./webpack.base');
+const { getProjectPath } = require('../common/utils');
+
+const isCommonBuild = process.env.REACT_APP_BUILD_TYPE === 'common';
+
+module.exports = function(appConfig, extendEnv) {
+  return merge(
+    baseConfig(appConfig, extendEnv, {
+      isServer: true,
+      isHotServer: false,
+      isSetCommonAlias: isCommonBuild,
+      isProd: true
+    }),
+    {
+      target: 'node',
+      entry: getProjectPath(appConfig.buildServerEntry),
+      output: {
+        path: getProjectPath(appConfig.buildServerOutput.path),
+        publicPath: appConfig.buildServerOutput.publicPath || '/',
+        filename: 'server-bundle.js',
+        libraryTarget: 'commonjs2',
+        chunkFilename: 'js/[name].[chunkhash].js'
+      },
+      module: {
+        rules: [
+          {
+            oneOf: [
+              {
+                test: /\.(scss|css|sass)$/,
+                use: [
+                  {
+                    loader: 'ignore-loader'
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      // 服务端打包的时候忽略外部的npm包
+      externals: nodeExternals({
+        // 当然外部的css还是可以打进来的
+        whitelist: /\.(css|less|scss)$/
+      })
+    }
+  );
+};