ko 6.3.2 → 6.4.0

package/lib/actions/build.js

@@ -32,6 +32,10 @@ class Build extends factory_1.ActionFactory {
             context: ret.plugins,
         });
         ret.plugins = plugins;
+        await this.service.apply({
+            key: this.service.hookKeySet.MODIFY_WEBPACK,
+            context: ret,
+        });
         return ret;
     }
     registerCommand() {

package/lib/actions/dev.js

@@ -12,7 +12,7 @@ class Dev extends factory_1.default {
         super(service);
     }
     get devServerConfig() {
-        const { serve, publicPath } = this.service.config;
+        const { serve, publicPath, logLevel } = this.service.config;
         const { host, port, proxy, staticPath } = serve;
         return {
             port,
@@ -28,7 +28,7 @@ class Dev extends factory_1.default {
             allowedHosts: 'all',
             client: {
                 overlay: false,
-                logging: 'none',
+                logging: logLevel,
             },
         };
     }
@@ -56,6 +56,10 @@ class Dev extends factory_1.default {
                 }
                 : speedUp,
         };
+        await this.service.apply({
+            key: this.service.hookKeySet.MODIFY_WEBPACK,
+            context: ret,
+        });
         return ret;
     }
     registerCommand() {

package/lib/core/config.js

@@ -52,6 +52,7 @@ class Config {
                 disableLazyImports: false,
             },
             autoPolyfills: false,
+            logLevel: 'error',
         };
     }
 }

package/lib/core/hooks.js

@@ -2,13 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tapable_1 = require("tapable");
 const types_1 = require("../types");
-var HOOK_KEY_SET;
-(function (HOOK_KEY_SET) {
-    HOOK_KEY_SET["WEBPACK_PLUGIN"] = "WebpackPlugin";
-})(HOOK_KEY_SET || (HOOK_KEY_SET = {}));
 class Hooks {
     constructor() {
-        this.hookKeySet = HOOK_KEY_SET;
+        this.hookKeySet = types_1.HOOK_KEY_SET;
         this.hooks = {};
     }
     register({ key, action, opts }) {
@@ -21,6 +17,8 @@ class Hooks {
     }
     apply(opts) {
         const hooks = this.hooks[opts.key];
+        if (!hooks)
+            return Promise.resolve(opts.context);
         const tapInstance = new tapable_1.AsyncSeriesWaterfallHook(['ctx']);
         hooks[types_1.ACTION.ADD].forEach(hook => {
             tapInstance.tapPromise({ name: hook.name, stage: hook.stage, before: hook.before }, async (ctx) => {

package/lib/core/service.js

@@ -6,12 +6,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const commander_1 = __importDefault(require("./commander"));
 const hooks_1 = __importDefault(require("./hooks"));
 const config_1 = __importDefault(require("./config"));
+const types_1 = require("../types");
 class Service extends hooks_1.default {
     constructor() {
         super();
         this.commander = new commander_1.default();
         this.config = new config_1.default().generate();
-        this.config.plugins && this.config.plugins.forEach(p => this.register(p));
+        this.config.plugins &&
+            this.config.plugins.forEach(p => {
+                // MODIFY_WEBPACK only support UPDATE
+                if (p.key === types_1.HOOK_KEY_SET.MODIFY_WEBPACK) {
+                    p.action = types_1.ACTION.UPDATE;
+                }
+                this.register(p);
+            });
     }
     freezeCliOptsWith(cliOpts) {
         this.cliOpts = Object.freeze(cliOpts);

package/lib/types.js

@@ -1,8 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ACTION = void 0;
+exports.HOOK_KEY_SET = exports.ACTION = void 0;
 var ACTION;
 (function (ACTION) {
     ACTION["ADD"] = "add";
     ACTION["UPDATE"] = "update";
 })(ACTION = exports.ACTION || (exports.ACTION = {}));
+var HOOK_KEY_SET;
+(function (HOOK_KEY_SET) {
+    HOOK_KEY_SET["WEBPACK_PLUGIN"] = "WebpackPlugin";
+    HOOK_KEY_SET["MODIFY_WEBPACK"] = "ModifyWebpack";
+})(HOOK_KEY_SET = exports.HOOK_KEY_SET || (exports.HOOK_KEY_SET = {}));

package/lib/webpack/index.js

@@ -54,6 +54,16 @@ class WebpackConfig {
         (0, utils_1.assert)((0, fs_1.existsSync)(pkgPath), 'project package.json file not found');
         return require(pkgPath).version;
     }
+    get stats() {
+        const mapping = {
+            info: 'normal',
+            error: 'errors-only',
+            warn: 'errors-warnings',
+            none: 'none',
+        };
+        const { logLevel } = this.opts;
+        return mapping[logLevel];
+    }
     get base() {
         const { cwd, publicPath, entry, outputPath, alias, hash, analyzer } = this.opts;
         const webpackBaseConf = {
@@ -101,8 +111,9 @@ class WebpackConfig {
                 hints: false,
             },
             cache: this.cache,
-            stats: {
-                cachedModules: false,
+            stats: this.stats,
+            infrastructureLogging: {
+                level: 'error',
             },
         };
         return webpackBaseConf;

package/lib/webpack/loaders/style.js

@@ -11,6 +11,7 @@ const postCssUrl = require('postcss-url');
 const utils_1 = require("../../utils");
 class Style {
     constructor(opts) {
+        this.STYLE_LOADER = (0, utils_1.getResolvePath)('style-loader');
         this.CSS_LOADER = (0, utils_1.getResolvePath)('css-loader');
         this.SASS_LOADER = (0, utils_1.getResolvePath)('sass-loader');
         this.LESS_LOADER = (0, utils_1.getResolvePath)('less-loader');
@@ -95,7 +96,7 @@ class Style {
     }
     get styleLoader() {
         return {
-            loader: mini_css_extract_plugin_1.loader,
+            loader: this.opts.isProd ? mini_css_extract_plugin_1.loader : this.STYLE_LOADER,
         };
     }
     get cssLoader() {

package/lib/webpack/plugins.js

@@ -57,10 +57,11 @@ function getPlugins(opts) {
                     },
                 },
             }),
-        new mini_css_extract_plugin_1.default({
-            filename: isProd ? 'css/[name].[contenthash].css' : 'css/[name].css',
-            chunkFilename: isProd ? 'css/[id].[contenthash].css' : 'css/[id].css',
-        }),
+        isProd &&
+            new mini_css_extract_plugin_1.default({
+                filename: 'css/[name].[contenthash].css',
+                chunkFilename: 'css/[id].[contenthash].css',
+            }),
         new case_sensitive_paths_webpack_plugin_1.default(),
         new html_webpack_plugin_1.default({
             template: htmlTemplate,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ko",
-  "version": "6.3.2",
+  "version": "6.4.0",
   "description": "build & lint library",
   "keywords": [
     "ko",
@@ -37,7 +37,7 @@
     "@babel/core": "^7.18.0",
     "@parcel/css": "^1.12.2",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.7",
-    "auto-polyfills-webpack-plugin": "^1.0.1",
+    "auto-polyfills-webpack-plugin": "^1.1.0",
     "autoprefixer": "^10.4.7",
     "babel-loader": "^8.2.5",
     "babel-plugin-treasure": "^0.9.0",