ko 5.3.3 → 5.3.6

package/lib/actions/build.js

@@ -26,7 +26,7 @@ class Build extends creator_1.WebpackCreator {
             },
             plugins: [
                 new webpack_1.default.optimize.SplitChunksPlugin({
-                    chunks: 'async',
+                    chunks: 'all',
                     minSize: 30000,
                     maxSize: 600000,
                     minChunks: 1,
@@ -34,6 +34,10 @@ class Build extends creator_1.WebpackCreator {
                     maxInitialRequests: 3,
                     automaticNameDelimiter: '_',
                     cacheGroups: {
+                        baseCommon: {
+                            test: new RegExp(`[\\\/]node_modules[\\\/](${['react', 'react-router', 'react-dom', 'react-redux', 'redux', 'react-router-redux', 'lodash'].join('|')})`),
+                            priority: 1
+                        },
                         antd: {
                             name: 'antd',
                             test: /[\\/]node_modules[\\/]antd[\\/]/,

package/lib/actions/dev.js

@@ -18,18 +18,18 @@ class Dev extends creator_1.WebpackCreator {
         this.devServerConf = {
             port,
             host,
+            contentBase: config_1.default.defaultPaths.dist,
             historyApiFallback: true,
-            allowedHosts: 'all',
-            static: {
-                publicPath: '/',
+            disableHostCheck: true,
+            compress: true,
+            clientLogLevel: 'none',
+            hot: true,
+            inline: true,
+            publicPath: '/',
+            watchOptions: {
+                ignored: /node_modules/,
+                aggregateTimeout: 600,
             },
-            client: {
-                overlay: {
-                    errors: true,
-                    warnings: false,
-                },
-            },
-            setupExitSignals: true,
             ...userDefinedDevServerConfig,
         };
     }
@@ -37,7 +37,11 @@ class Dev extends creator_1.WebpackCreator {
         const conf = {
             devtool: 'cheap-module-source-map',
             plugins: [this.opts.analyzer && new BundleAnalyzerPlugin()].filter(Boolean),
-            devServer: this.devServerConf,
+            optimization: {
+                splitChunks: {
+                    chunks: 'all',
+                },
+            },
         };
         return this.mergeConfig([this.baseConfig, conf]);
     }
@@ -66,22 +70,39 @@ class Dev extends creator_1.WebpackCreator {
             return this.changePort(newPort, port);
         }
     }
+    threadLoaderWarmUp() {
+        const threadLoader = require('thread-loader');
+        threadLoader.warmup({}, [require.resolve('babel-loader')]);
+    }
     async action() {
         const { port } = this.devServerConf;
-        const newPort = await this.checkPort(parseInt(port));
+        const newPort = await this.checkPort(port);
         if (!newPort) {
             process.exit(0);
         }
         this.devServerConf.port = newPort;
-        const config = this.config();
-        const compiler = (0, webpack_1.default)(config);
-        const devServer = new webpack_dev_server_1.default(config.devServer, compiler);
-        await devServer.start();
-        process.stdin.on('end', () => {
-            devServer.stop();
-            process.exit(0);
+        webpack_dev_server_1.default.addDevServerEntrypoints(this.config(), this.devServerConf);
+        this.threadLoaderWarmUp();
+        const compiler = (0, webpack_1.default)(this.config());
+        const devServer = new webpack_dev_server_1.default(compiler, this.devServerConf);
+        let isFirstCompile = true;
+        compiler.hooks.done.tap('done', stats => {
+            if (isFirstCompile) {
+                isFirstCompile = false;
+                this.successStdout('development server has been started');
+            }
+            if (stats.hasErrors()) {
+                console.log(stats.toString({
+                    colors: true,
+                }));
+            }
+        });
+        devServer.listen(this.devServerConf.port, this.devServerConf.host, err => {
+            if (err) {
+                console.error(err);
+                process.exit(1);
+            }
         });
-        process.stdin.resume();
     }
 }
 exports.default = Dev;

package/lib/cli.js

@@ -30,6 +30,7 @@ program
     .option('-p, --port <port>', 'server start on which port', parseInt)
     .option('--host <host>', 'specify a host to use')
     .option('-t, --ts', 'support typescript')
+    .option('-h, --hash', 'output file name with hash')
     .option('-a,--analyzer', 'support building analyzer')
     .action((opts) => {
     process.env.NODE_ENV = 'development';

package/lib/webpack/index.js

@@ -28,7 +28,7 @@ function getWebpackBaseConf(opts) {
         entry: `src/index.${ts ? 'tsx' : 'js'}`,
         output: {
             path: config_1.default.defaultPaths.dist,
-            filename: hash ? 'js/[name].[contenthash].js' : 'js/[name].js',
+            filename: hash ? '[name].[contenthash].js' : '[name].js',
             publicPath: '/',
         },
         module: {
@@ -43,6 +43,16 @@ function getWebpackBaseConf(opts) {
                         configFile: config_1.default.defaultPaths.tsconfig,
                     }),
             ].filter(Boolean),
+            fallback: {
+                fs: false,
+                path: false,
+                events: false,
+                os: require.resolve('os-browserify/browser'),
+                crypto: require.resolve('crypto-browserify'),
+                stream: require.resolve('stream-browserify'),
+                buffer: require.resolve('buffer/'),
+                string_decoder: require.resolve('string_decoder/'),
+            },
         },
         performance: {
             hints: false,
@@ -50,6 +60,9 @@ function getWebpackBaseConf(opts) {
         cache: {
             type: config_1.default.isProductionEnv ? 'filesystem' : 'memory',
         },
+        stats: {
+            cachedModules: false,
+        },
     };
     return webpackBaseConf;
 }

package/lib/webpack/loaders/script.js

@@ -17,12 +17,25 @@ const scriptLoader = [
     },
     {
         test: /\.(t|j)sx?$/,
-        exclude: {
-            and: [/node_modules/],
-            not: [/dt-common/],
+        include: (input) => {
+            if (input.includes('node_modules/dt-common/src/')) {
+                return true;
+            }
+            else if (input.includes('node_modules')) {
+                return false;
+            }
+            else {
+                return true;
+            }
         },
         use: [
-            THREAD_LOADER,
+            {
+                loader: THREAD_LOADER,
+                options: {
+                    workerNodeArgs: ['--max-old-space-size=4096'],
+                    name: 'ko-js-pool',
+                },
+            },
             {
                 loader: BABEL_LOADER,
                 options: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ko",
-  "version": "5.3.3",
+  "version": "5.3.6",
   "description": "build & lint library",
   "keywords": [
     "ko",
@@ -40,10 +40,12 @@
     "autoprefixer": "^10.4.2",
     "babel-loader": "^8.2.3",
     "babel-preset-ko-app": "^1.0.0",
+    "buffer": "^6.0.3",
     "case-sensitive-paths-webpack-plugin": "^2.4.0",
     "chalk": "^4.1.2",
     "clean-webpack-plugin": "4.0.0",
     "commander": "^9.0.0",
+    "crypto-browserify": "^3.12.0",
     "css-loader": "^6.6.0",
     "css-minimizer-webpack-plugin": "^3.4.1",
     "detect-port": "^1.3.0",
@@ -52,17 +54,20 @@
     "less": "^3.13.1",
     "less-loader": "^9.1.0",
     "mini-css-extract-plugin": "^2.5.3",
+    "os-browserify": "^0.3.0",
     "postcss": "^8.4.7",
     "postcss-loader": "^6.2.1",
     "react-dev-utils": "^12.0.0",
     "react-refresh": "^0.11.0",
     "sass": "^1.49.9",
     "sass-loader": "^12.6.0",
+    "stream-browserify": "^3.0.0",
+    "string_decoder": "^1.3.0",
     "thread-loader": "^3.0.4",
     "tsconfig-paths-webpack-plugin": "^3.5.2",
     "webpack": "^5.69.1",
     "webpack-bundle-analyzer": "^4.5.0",
-    "webpack-dev-server": "^4.7.4",
+    "webpack-dev-server": "3.11.3",
     "webpack-merge": "^5.8.0",
     "webpackbar": "^5.0.2",
     "worker-loader": "^3.0.8"
@@ -81,7 +86,6 @@
     "node": ">=10.13.0"
   },
   "scripts": {
-    "preinstall": "node scripts/preinstall.js",
     "debug": "tsc -w --sourceMap",
     "test": "jest",
     "build": "tsc"

package/scripts/preinstall.js

@@ -1,52 +0,0 @@
-/* eslint-disable no-octal-escape */
-/**
- * @link https://github.com/DTStack/devops/blob/main/force-using-yarn-and-lock-version/preinstall.js
- */
-let err = false;
-
-const LOCK_NODE_VERSION = true;
-const LOCK_YARN_VERSION = false;
-const FORCE_YARN_INSTALL = false;
-
-if (LOCK_NODE_VERSION) {
-  const majorAndMinorNodeVersion = Number(
-    /(\d+).(\d+)/.exec(process.versions.node)[0]
-  );
-  /**
-   *  webpack minor support version
-   *  @link https://webpack.js.org/migrate/5/#preparations
-   */
-  const webpack5SupportLeastVersion = 10.13;
-
-  if (majorAndMinorNodeVersion < webpack5SupportLeastVersion) {
-    console.error(
-      '\033[1;31m*** Webpack 5 requires at least Node.js 10.13.0 (LTS), please make sure you upgrade your Node.js.\033[0;0m'
-    );
-    err = true;
-  }
-}
-
-if (LOCK_YARN_VERSION) {
-  const cp = require('child_process');
-  const yarnVersion = cp.execSync('yarn -v', { encoding: 'utf8' }).trim();
-  const parsedYarnVersion = /^(\d+)\.(\d+)\./.exec(yarnVersion);
-  const majorYarnVersion = parseInt(parsedYarnVersion[1]);
-  const minorYarnVersion = parseInt(parsedYarnVersion[2]);
-
-  if (majorYarnVersion < 1 || minorYarnVersion < 10) {
-    console.error('\033[1;31m*** Please use yarn >=1.10.1.\033[0;0m');
-    err = true;
-  }
-}
-
-if (FORCE_YARN_INSTALL) {
-  // eslint-disable-next-line dot-notation
-  if (!/yarn[\w-.]*\.js$|yarnpkg$/.test(process.env['npm_execpath'])) {
-    console.error(
-      '\033[1;31m*** Please use yarn to install dependencies.\033[0;0m'
-    );
-    err = true;
-  }
-}
-
-err && process.exit(1);