@ecoding/base.build 0.1.2 → 0.1.5

package/libs/externals/ssr.js

@@ -1,11 +1,14 @@
+const { customConfig } = require("../z-helpers/config");
 const nodeExternals = require("webpack-node-externals");
 
+// https://www.tangshuang.net/3343.html 详解 https://sokpim.yuque.com/sokpim/uwbz2i/rfritg
 const getExternals = () => {
-    return {
-        // "@alilc/lowcode-engine": "var window.AliLowCodeEngine",
-        // "@alilc/lowcode-engine-ext": "var window.AliLowCodeEngineExt",
-        ...nodeExternals(),
-    };
+    return [
+        // { "@alilc/lowcode-engine": "var window.AliLowCodeEngine" },
+        // { "@alilc/lowcode-engine-ext": "var window.AliLowCodeEngineExt" },
+        // nodeExternals(),
+        customConfig.ssr.externals
+    ]
 };
 
 module.exports = getExternals;

package/libs/plugins/index.js

@@ -115,7 +115,9 @@ module.exports = () => {
         // 将某个文件打包输出到build目录下，并在html中自动引入该资源
         customConfig.dll &&
             new AddAssetHtmlWebpackPlugin({
-                filepath: rootPath(`dll/${dllJS}`)
+                filepath: rootPath(`dll/${dllJS}`),
+                includeSourcemap:false,
+                hash:false,
             })
     ].filter(Boolean);
     return plugins;

package/libs/plugins/ssr.js

@@ -0,0 +1,21 @@
+const WebpackBar = require("webpackbar");
+const MiniCssExtractPlugin = require("mini-css-extract-plugin"); // 提取分离css
+const { CleanWebpackPlugin } = require("clean-webpack-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"
+            }),
+
+        new CleanWebpackPlugin(),
+    ].filter(Boolean);
+    return plugins;
+};

package/libs/{webpack.backend.dll.js → webpack.dll.js}

@@ -1,25 +1,23 @@
-const { rootPath } = require("./z-helpers/paths");
 const webpack = require("webpack");
+const { rootPath } = require("./z-helpers/paths");
+const fs = require("fs");
+const isABC = fs.existsSync(rootPath("abc.js"));
 const { CleanWebpackPlugin } = require("clean-webpack-plugin");
-
+if (isABC) {
+    customConfig = require(rootPath("abc.js"));
+} else {
+    throw new Error("not found abc.js");
+}
+if (!customConfig.dll) {
+    throw new Error("has no dll config");
+}
 module.exports = {
     entry: {
-        dll: [
-            "react",
-            "react-dom",
-            "react-helmet",
-            "react-router-dom",
-            "react-redux",
-            "redux",
-            "redux-thunk",
-            "hoist-non-react-statics",
-            "axios",
-            "classnames",
-            "@ecoding/helper.request/lib/core/frontend"
-        ]
+        dll: customConfig.dll || []
         //other:['a','b','c']
     },
     mode: "production",
+    devtool: false,
     output: {
         // 输出出口指定
         filename: "[name]_[fullhash].js", // name就是jquery

package/libs/webpack.ssr.js

@@ -5,6 +5,7 @@ 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");
 
 /**
@@ -48,6 +49,9 @@ const getWebpackConfig = (env) => {
     // 配置resolve
     const resolve = getResolve();
 
+    // 配置plugins
+    const plugins = getPlugins();
+
     // 配置externals
     const externals = getExternals();
     const config = {
@@ -60,6 +64,7 @@ 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.1.2",
+    "version": "0.1.5",
     "description": "tpl building",
     "author": "cxc",
     "license": "MIT",
@@ -53,5 +53,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "f0002be83adf439c586a69aae770c4d9e2540d8d"
+    "gitHead": "acd01aeb47d3f1e9b9fffbccb9caeb55c380b31f"
 }

package/libs/webpack.frontend.dll.js

@@ -1,38 +0,0 @@
-const { rootPath } = require("./z-helpers/paths");
-const webpack = require("webpack");
-const { CleanWebpackPlugin } = require("clean-webpack-plugin");
-
-module.exports = {
-    entry: {
-        dll: [
-            "react",
-            "react-dom",
-            "react-helmet",
-            "react-router-dom",
-            "hoist-non-react-statics",
-            "axios",
-            "classnames",
-            "@ecoding/components.dom",
-            "@ecoding/helper.env",
-            "@ecoding/helper.url",
-            "@ecoding/helper.storage.local",
-            "@ecoding/helper.request/lib/core/frontend"
-        ]
-        //other:['a','b','c']
-    },
-    mode: "production",
-    output: {
-        // 输出出口指定
-        filename: "[name]_[fullhash].js", // name就是jquery
-        path: rootPath("dll"), // 打包到dll目录下
-        library: "[name]_[fullhash]" // 打包的库里面向外暴露出去的内容叫什么名字
-    },
-    plugins: [
-        new CleanWebpackPlugin(),
-        // 打包生成一个manifest.json --> 提供jquery的映射关系（告诉webpack：jquery之后不需要再打包和暴露内容的名称）
-        new webpack.DllPlugin({
-            name: "[name]_[fullhash]", // 映射库的暴露的内容名称
-            path: rootPath("dll/manifest_[name]_[fullhash].json") // 输出文件路径
-        })
-    ]
-};