@ecoding/base.build 0.0.13 → 0.0.15

package/README.md

@@ -9,8 +9,8 @@
     mpa: boolean, // 是否是多页
     dll：boolean, // 是否打dll
     micro："main" | "child", // 微前端主应用或子应用 默认null
-    outputLibrary: string, // micro == child时生效
-    publicPath: string,
+    outputLibrary: string, // micro == child时生效，整个库向外暴露的变量名
+    publicPath: string, // cdn 资源前缀
     outputPath: string, // build bundle 目录，相对命令执行目录
     externals: object;
     /* externals
@@ -22,6 +22,11 @@
     dev:{
         publicPath: string; // devserver 读这个
         port: number, // devserver 端口 默认 8080
+        // https 支持
+        https: {
+            key: fs.readFileSync(path.join(__dirname, "./local.cxc.tech-key.pem")),
+            cert: fs.readFileSync(path.join(__dirname, "./local.cxc.tech.pem"))
+        }
     }
 }
 ```
@@ -55,7 +60,8 @@ module.exports = {
     "@babel/preset-env": "7.18.2", // babel插件集合
     "@babel/preset-react": "7.17.12", // babel 支持 react 插件
     "@babel/preset-typescript": "7.17.12", // babel 支持 typescript 插件
-    "@ecoding/base.mock": "^0.0.2", // 自己写的mock插件
+    "@ecoding/base.mock": "0.*", // 自己写的mock插件
+    "@ecoding/base.spec": "*",
     "@svgr/webpack": "6.2.1", // webpack svg 插件
     "@typescript-eslint/eslint-plugin": "5.28.0", // eslint ts 插件
     "@typescript-eslint/parser": "5.28.0", // eslint ts 编译器
@@ -64,6 +70,7 @@ module.exports = {
     "babel-eslint": "10.1.0",
     "babel-loader": "8.2.5",
     "clean-webpack-plugin": "^4.0.0",
+    "concurrently": "^7.3.0",  // 并行执行node 命令
     "core-js": "3.23.1",
     "cross-env": "7.0.3",
     "css-loader": "6.7.1",
@@ -78,10 +85,12 @@ module.exports = {
     "postcss-loader": "7.0.0", // css向下兼容
     "style-loader": "3.3.1", // 编译 style 内联css
     "terser-webpack-plugin": "5.3.3", // js压缩
+    "typescript": "4.8.3",
     "webpack": "5.73.0",
     "webpack-cli": "4.10.0",
     "webpack-dev-server": "4.9.2",
     "webpack-merge": "5.8.0",
+    "webpack-node-externals": "^3.0.0", // 打包ssr时用
     "webpackbar": "5.0.2"
 }
 ```

package/libs/entries/ssr.js

@@ -1,9 +1,11 @@
-const { rootPath, ssrEntry } = require("../z-helpers/paths");
+const { rootPath } = require("../z-helpers/paths");
+const { getSSRMPAEntries } = require("../z-helpers/mpa.entries");
 const { customConfig } = require("../z-helpers/config");
 
 const getEntries = () => {
     if (customConfig.mpa) {
-        return ssrEntry.pagesObj;
+        const entry = getSSRMPAEntries();
+        return entry.pagesObj;
     }
     return {
         app: rootPath("./src/server-render.tsx")

package/libs/output/ssr.js

@@ -14,7 +14,7 @@ const pubPath = () => {
 const getOutput = () => {
     return Object.assign({
         // 输出文件目录（将来所有资源输出的公共目录）
-        path: rootPath(customConfig.outputPath || "../../src/ssr"),
+        path: rootPath(customConfig.outputPath || "../src/ssr"),
 
         /**
              * 所有资源引入公共路径前缀 --> 'imgs/a.jpg' --> '/imgs/a.jpg'

package/libs/webpack.ssr.js

@@ -1,15 +1,12 @@
 const { Production, Development } = require("./z-helpers/const");
 const { isEnvDevelopment } = require("./z-helpers/util");
-const { customConfig } = require("./z-helpers/config");
 const getEntries = require("./entries/ssr");
 const getOutput = require("./output/ssr");
 const { getSSROptimization } = require("./optimization");
 const getModule = require("./module/ssr");
 const { getResolve, getResolveLoader } = require("./resolve");
-const getPlugins = require("./plugins/ssr");
 const getExternals = require("./externals/ssr");
 
-
 /**
  * 
  * @param {*} cmdOpts : build时 { WEBPACK_BUNDLE: true, WEBPACK_BUILD: true } ｜ 本地开发dev时 { WEBPACK_SERVE: true }
@@ -51,9 +48,6 @@ const getWebpackConfig = (env) => {
     // 配置resolve
     const resolve = getResolve();
 
-    // 配置plugins
-    const plugins = getPlugins();
-
     // 配置externals
     const externals = getExternals();
     const config = {
@@ -66,7 +60,6 @@ const getWebpackConfig = (env) => {
         optimization,
         module,
         resolve,
-        plugins,
         externalsPresets: { node: true }, // 不打包 node 模块，什么 fs path 那些
         externals, // 不打包 node_modules 内的模块，什么 express react react-dom 那些
     };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ecoding/base.build",
-    "version": "0.0.13",
+    "version": "0.0.15",
     "description": "tpl building",
     "author": "cxc",
     "license": "MIT",
@@ -53,5 +53,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "e95d9c3fa16848e2190709e30917b918935a366b"
+    "gitHead": "2106c9b443c0f004ba9c17ac744cc19be15998e5"
 }

package/libs/plugins/ssr.js

@@ -1,18 +0,0 @@
-const WebpackBar = require("webpackbar");
-const MiniCssExtractPlugin = require("mini-css-extract-plugin"); // 提取分离css
-const { isEnvProduction } = require("../z-helpers/util");
-
-module.exports = () => {
-    const plugins = [
-        new WebpackBar({
-            profile: true
-        }),
-
-        isEnvProduction &&
-            new MiniCssExtractPlugin({
-                // filename: 'css/[name].css',
-                filename: "[id].[chunkhash:5].css"
-            })
-    ].filter(Boolean);
-    return plugins;
-};