ko 5.3.2 → 5.3.5

package/lib/actions/dev.js

@@ -13,32 +13,35 @@ const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
 class Dev extends creator_1.WebpackCreator {
     constructor(opts) {
         super(opts);
-    }
-    devSerConf() {
-        const userDefinedDevServerConfig = config_1.default.userConf.devServer || {};
         const { port, host } = this.opts;
-        const defaultDevServerConfig = {
+        const userDefinedDevServerConfig = config_1.default.userConf.devServer || {};
+        this.devServerConf = {
             port,
             host,
+            contentBase: config_1.default.defaultPaths.dist,
             historyApiFallback: true,
-            allowedHosts: 'all',
+            disableHostCheck: true,
+            compress: true,
+            clientLogLevel: 'none',
             hot: true,
-            static: {
-                directory: config_1.default.defaultPaths.dist,
-                publicPath: '/',
-                watch: true,
-            },
-            client: {
-                overlay: false,
+            inline: true,
+            publicPath: '/',
+            watchOptions: {
+                ignored: /node_modules/,
+                aggregateTimeout: 600,
             },
-            setupExitSignals: true,
+            ...userDefinedDevServerConfig,
         };
-        return { ...defaultDevServerConfig, ...userDefinedDevServerConfig };
     }
     config() {
         const conf = {
             devtool: 'cheap-module-source-map',
             plugins: [this.opts.analyzer && new BundleAnalyzerPlugin()].filter(Boolean),
+            optimization: {
+                splitChunks: {
+                    chunks: 'all',
+                },
+            },
         };
         return this.mergeConfig([this.baseConfig, conf]);
     }
@@ -67,20 +70,38 @@ 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 devSerConf = this.devSerConf();
-        const { port } = devSerConf;
-        const newPort = await this.checkPort(parseInt(port));
+        const { port } = this.devServerConf;
+        const newPort = await this.checkPort(port);
         if (!newPort) {
             process.exit(0);
         }
-        devSerConf.port = newPort;
+        this.devServerConf.port = newPort;
+        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(devSerConf, compiler);
-        await devServer.start();
-        process.stdin.on('end', () => {
-            devServer.stop();
-            process.exit(0);
+        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);
+            }
         });
     }
 }

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,12 +43,25 @@ 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,
         },
         cache: {
-            type: 'filesystem',
+            type: config_1.default.isProductionEnv ? 'filesystem' : 'memory',
+        },
+        stats: {
+            cachedModules: false,
         },
     };
     return webpackBaseConf;

package/lib/webpack/loaders/script.js

@@ -22,7 +22,13 @@ const scriptLoader = [
             not: [/dt-common/],
         },
         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.2",
+  "version": "5.3.5",
   "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"