ko 5.3.1 → 5.3.4

package/lib/actions/dev.js

@@ -13,28 +13,25 @@ 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,
+            inline: true,
+            publicPath: '/',
+            watchOptions: {
+                ignored: /node_modules/,
+                aggregateTimeout: 600,
             },
-            client: {
-                overlay: false,
-            },
-            setupExitSignals: true,
-            open: true,
+            ...userDefinedDevServerConfig,
         };
-        return { ...defaultDevServerConfig, ...userDefinedDevServerConfig };
     }
     config() {
         const conf = {
@@ -68,19 +65,41 @@ class Dev extends creator_1.WebpackCreator {
             return this.changePort(newPort, port);
         }
     }
-    getUrlHost(host) {
-        const regex = /^https?:\/\/(([a-zA-Z0-9_-])+(\.)?)*$/i;
-        return regex.test(host) ? host : `http://${host}`;
+    threadLoaderWarmUp() {
+        const threadLoader = require('thread-loader');
+        threadLoader.warmup({}, [require.resolve('babel-loader')]);
     }
     async action() {
-        const { port, host } = this.devSerConf();
-        const newPort = await this.checkPort(parseInt(port));
-        if (!newPort)
-            return;
+        const { port } = this.devServerConf;
+        const newPort = await this.checkPort(port);
+        if (!newPort) {
+            process.exit(0);
+        }
+        this.devServerConf.port = newPort;
+        webpack_dev_server_1.default.addDevServerEntrypoints(this.config(), this.devServerConf);
         const compiler = (0, webpack_1.default)(this.config());
-        const devServer = new webpack_dev_server_1.default(this.devSerConf(), compiler);
-        console.log(`dev server start at ${this.getUrlHost(host)}:${newPort}`);
-        await devServer.start();
+        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,
+                }));
+            }
+        });
+        compiler.hooks.invalid.tap('invalid', () => {
+            console.log('Compiling...');
+        });
+        devServer.listen(this.devServerConf.port, this.devServerConf.host, err => {
+            if (err) {
+                console.error(err);
+                process.exit(1);
+            }
+        });
     }
 }
 exports.default = Dev;

package/lib/cli.js

@@ -20,6 +20,7 @@ program
     .option('-t,--ts,--typescript', 'support typescript')
     .option('-e,--esbuild', 'enable esbuild')
     .action((opts) => {
+    process.env.NODE_ENV = 'production';
     const buildInstance = new build_1.default(opts);
     buildInstance.action();
 });

package/lib/webpack/index.js

@@ -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: {
@@ -31,11 +37,12 @@ const scriptLoader = [
                             require.resolve('babel-preset-ko-app'),
                             {
                                 useAbsoluteRuntime: true,
-                                customizePlugins: config_1.default.babelPlugins,
                             },
                         ],
                     ],
-                    plugins: [require.resolve('react-refresh/babel')],
+                    plugins: config_1.default.isProductionEnv
+                        ? [require.resolve('react-refresh/babel')]
+                        : [],
                     babelrc: false,
                     configFile: false,
                     cacheIdentifier: (0, getCacheIdentifier_1.default)(config_1.default.isProductionEnv ? 'production' : '', ['babel-preset-ko-app', 'react-dev-utils', 'ko']),

package/lib/webpack/plugins.js

@@ -6,15 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const webpack_1 = require("webpack");
 const case_sensitive_paths_webpack_plugin_1 = __importDefault(require("case-sensitive-paths-webpack-plugin"));
 const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
-const html_webpack_plugin_1 = __importDefault(require("html-webpack-plugin"));
 const react_refresh_webpack_plugin_1 = __importDefault(require("@pmmmwh/react-refresh-webpack-plugin"));
 const webpackbar_1 = __importDefault(require("webpackbar"));
 const config_1 = __importDefault(require("../utils/config"));
 function getPlugins() {
-    const { userConf, defaultPaths } = config_1.default;
-    const publicPath = userConf.output && userConf.output.publicPath
-        ? userConf.output.publicPath
-        : '/';
+    const { userConf } = config_1.default;
     let plugins = [
         new webpack_1.IgnorePlugin({
             resourceRegExp: /^\.\/locale$/,
@@ -26,14 +22,6 @@ function getPlugins() {
             chunkFilename: 'css/[id].[contenthash].css',
         }),
         new case_sensitive_paths_webpack_plugin_1.default(),
-        new html_webpack_plugin_1.default({
-            template: defaultPaths.html,
-            title: 'Ko App',
-            templateParameters: {
-                configPath: `${publicPath}config/config.js`,
-            },
-            inject: 'body',
-        }),
         new react_refresh_webpack_plugin_1.default(),
         new webpackbar_1.default(),
     ];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ko",
-  "version": "5.3.1",
+  "version": "5.3.4",
   "description": "build & lint library",
   "keywords": [
     "ko",
@@ -40,30 +40,34 @@
     "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",
     "esbuild-loader": "^2.18.0",
-    "html-webpack-plugin": "^5.5.0",
     "inquirer": "^8.2.0",
     "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"