ko 5.3.10 → 6.0.0

package/lib/webpack/plugins.js

@@ -4,38 +4,79 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 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 case_sensitive_paths_webpack_plugin_1 = __importDefault(require("case-sensitive-paths-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 } = config_1.default;
-    let plugins = [
+const clean_webpack_plugin_1 = require("clean-webpack-plugin");
+const copy_webpack_plugin_1 = __importDefault(require("copy-webpack-plugin"));
+const html_webpack_plugin_1 = __importDefault(require("html-webpack-plugin"));
+const webpack_bundle_analyzer_1 = require("webpack-bundle-analyzer");
+function getPlugins(opts) {
+    const { isProd, htmlTemplate, copy, analyzer } = opts;
+    return [
         new webpack_1.IgnorePlugin({
             resourceRegExp: /^\.\/locale$/,
             contextRegExp: /moment$/,
         }),
-        //TODO: check if mini-css-extract-plugin should use base name if enable HMR
+        isProd &&
+            new webpack_1.optimize.SplitChunksPlugin({
+                chunks: 'all',
+                minSize: 30000,
+                maxSize: 600000,
+                minChunks: 1,
+                automaticNameDelimiter: '_',
+                cacheGroups: {
+                    baseCommon: {
+                        test: new RegExp(`[\\/]node_modules[\\/](${[
+                            'react',
+                            'react-router',
+                            'react-dom',
+                            'react-redux',
+                            'redux',
+                            'react-router-redux',
+                        ].join('|')})`),
+                        priority: 1,
+                    },
+                    antd: {
+                        name: 'antd',
+                        test: /[\\/]node_modules[\\/]antd[\\/]/,
+                        chunks: 'initial',
+                    },
+                    lodash: {
+                        name: 'lodash',
+                        test: /[\\/]node_modules[\\/]lodash[\\/]/,
+                        chunks: 'initial',
+                        priority: -10,
+                    },
+                    default: {
+                        minChunks: 2,
+                        priority: -20,
+                        reuseExistingChunk: true,
+                    },
+                },
+            }),
         new mini_css_extract_plugin_1.default({
-            filename: 'css/[name].[contenthash].css',
-            chunkFilename: 'css/[id].[contenthash].css',
+            filename: isProd ? 'css/[name].[contenthash].css' : 'css/[name].css',
+            chunkFilename: isProd ? 'css/[id].[contenthash].css' : 'css/[id].css',
         }),
         new case_sensitive_paths_webpack_plugin_1.default(),
-        new react_refresh_webpack_plugin_1.default(),
-        new webpackbar_1.default(),
-    ];
-    plugins = plugins.concat(userConf.plugins || []);
-    if (config_1.default.isProductionEnv) {
-        const { CleanWebpackPlugin } = require('clean-webpack-plugin');
-        const prodPlugins = [
-            new CleanWebpackPlugin({
-                verbose: false,
-                dry: false,
+        new html_webpack_plugin_1.default({
+            template: htmlTemplate,
+        }),
+        copy &&
+            new copy_webpack_plugin_1.default({
+                patterns: copy,
             }),
-        ];
-        plugins.concat(prodPlugins);
-    }
-    return plugins;
+        new webpackbar_1.default(),
+        new clean_webpack_plugin_1.CleanWebpackPlugin({
+            verbose: false,
+            dry: false,
+        }),
+        new react_refresh_webpack_plugin_1.default({
+            overlay: false,
+        }),
+        analyzer && new webpack_bundle_analyzer_1.BundleAnalyzerPlugin(),
+    ].filter(Boolean);
 }
 exports.default = getPlugins;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ko",
-  "version": "5.3.10",
+  "version": "6.0.0",
   "description": "build & lint library",
   "keywords": [
     "ko",
@@ -31,59 +31,60 @@
     "ko": "./lib/cli.js"
   },
   "files": [
-    "scripts/*",
     "lib/*"
   ],
   "dependencies": {
-    "@babel/core": "^7.17.5",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.4",
-    "autoprefixer": "^10.4.2",
-    "babel-loader": "^8.2.3",
+    "@babel/core": "^7.18.0",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.7",
+    "autoprefixer": "^10.4.7",
+    "babel-loader": "^8.2.5",
+    "babel-plugin-treasure": "^0.9.0",
     "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",
+    "clean-webpack-plugin": "^4.0.0",
+    "commander": "^9.2.0",
+    "copy-webpack-plugin": "^11.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",
-    "inquirer": "^8.2.0",
+    "css-loader": "^6.7.1",
+    "css-minimizer-webpack-plugin": "^4.0.0",
+    "esbuild-loader": "^2.19.0",
+    "html-webpack-plugin": "^5.5.0",
     "less": "^3.13.1",
     "less-loader": "^9.1.0",
-    "mini-css-extract-plugin": "^2.5.3",
+    "lodash": "^4.17.21",
+    "mini-css-extract-plugin": "^2.6.0",
     "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",
+    "postcss": "^8.4.14",
+    "postcss-loader": "^7.0.0",
+    "postcss-url": "^10.1.3",
+    "ko-lints": "^2.0.0",
+    "react-refresh": "^0.13.0",
+    "sass": "^1.52.1",
+    "sass-loader": "^13.0.0",
     "stream-browserify": "^3.0.0",
     "string_decoder": "^1.3.0",
+    "style-loader": "^3.3.1",
+    "tapable": "^2.2.1",
     "thread-loader": "^3.0.4",
-    "tsconfig-paths-webpack-plugin": "^3.5.2",
-    "webpack": "^5.69.1",
+    "webpack": "^5.72.1",
     "webpack-bundle-analyzer": "^4.5.0",
-    "webpack-dev-server": "3.11.3",
-    "webpack-merge": "^5.8.0",
+    "webpack-dev-server": "4.9.0",
     "webpackbar": "^5.0.2",
     "worker-loader": "^3.0.8"
   },
   "devDependencies": {
     "@types/case-sensitive-paths-webpack-plugin": "^2.1.6",
-    "@types/detect-port": "^1.3.2",
-    "@types/inquirer": "^8.2.0",
-    "@types/jest": "^27.4.1",
-    "@types/react-dev-utils": "^9.0.10",
-    "jest": "^27.5.1",
-    "ts-jest": "^27.1.3",
-    "typescript": "^4.6.2"
+    "@types/jest": "^27.5.1",
+    "@types/lodash": "^4.14.182",
+    "@types/webpack-bundle-analyzer": "^4.4.1",
+    "jest": "^28.1.0",
+    "ts-jest": "^28.0.3",
+    "typescript": "^4.6.4"
   },
   "engines": {
-    "node": ">=10.13.0"
+    "node": ">=14"
   },
   "scripts": {
     "debug": "tsc -w --sourceMap",

package/lib/actions/creator.js

@@ -1,42 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebpackCreator = void 0;
-const chalk_1 = __importDefault(require("chalk"));
-const webpack_merge_1 = require("webpack-merge");
-const webpack_1 = __importDefault(require("../webpack"));
-const config_1 = __importDefault(require("../utils/config"));
-class Creator {
-}
-class WebpackCreator extends Creator {
-    constructor(opts) {
-        super();
-        this.opts = opts;
-        this.baseConfig = this.initConfig(opts);
-    }
-    pluginsUnique(pluginNames) {
-        return (0, webpack_merge_1.unique)('plugins', pluginNames, (plugin) => plugin.constructor && plugin.constructor.name);
-    }
-    initConfig(opts) {
-        this.baseConfig = (0, webpack_1.default)(opts);
-        return (0, webpack_merge_1.mergeWithCustomize)({
-            customizeArray: this.pluginsUnique(['HtmlWebpackPlugin']),
-        })(this.baseConfig, config_1.default.userConf);
-    }
-    mergeConfig(conf) {
-        return (0, webpack_merge_1.merge)(conf);
-    }
-    successStdout(log) {
-        console.log(chalk_1.default.green(log));
-    }
-    linkStdout(link) {
-        console.log(chalk_1.default.underline(link));
-    }
-    errorStdout(log) {
-        console.log(chalk_1.default.red(log));
-    }
-}
-exports.WebpackCreator = WebpackCreator;
-exports.default = Creator;

package/lib/interfaces.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/lib/utils/config.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const path_1 = require("path");
-const fs_1 = require("fs");
-class Config {
-    constructor() {
-        this.babelPlugins = [];
-        this.cwd = process.cwd();
-    }
-    static getInstance() {
-        if (!Config.instance) {
-            Config.instance = Object.freeze(new Config());
-        }
-        return Config.instance;
-    }
-    getFileRealPath(path) {
-        return (0, path_1.isAbsolute)(path) ? path : (0, path_1.resolve)(this.cwd, path);
-    }
-    get userConf() {
-        const userConfPath = this.getFileRealPath('ko.config.js');
-        if ((0, fs_1.existsSync)(userConfPath)) {
-            const userConf = require(userConfPath);
-            return userConf;
-        }
-        else {
-            throw new Error('user config file not exist, please check it!');
-        }
-    }
-    get defaultPaths() {
-        return {
-            src: this.getFileRealPath('src'),
-            dist: this.getFileRealPath('dist'),
-            public: this.getFileRealPath('public'),
-            html: this.getFileRealPath('public/index.html'),
-            tsconfig: this.getFileRealPath('tsconfig.json'),
-        };
-    }
-    get isProductionEnv() {
-        const PROD = 'production';
-        return process.env.NODE_ENV === PROD;
-    }
-}
-exports.default = Config.getInstance();