@ecoding/base.build 0.0.10 → 0.0.12

package/libs/dev/index.js

@@ -1,9 +1,11 @@
 const mock = require("@ecoding/base.mock").default;
-const { rootPath, entry } = require("../z-helpers/paths");
+const { rootPath } = require("../z-helpers/paths");
+const { getMPAEntries } = require("../z-helpers/mpa.entries");
 const { customConfig } = require("../z-helpers/config");
 
 const entryRewrites = () => {
     const ary = [];
+    const entry = getMPAEntries();
     entry.pages.forEach((pageName) => {
         const reg = new RegExp(`${pageName}\\.*`, "i");
         ary.push({ from: reg, to: `/${pageName}.html` });

package/libs/entries/index.js

@@ -1,8 +1,10 @@
-const { rootPath, entry } = require("../z-helpers/paths");
+const { rootPath } = require("../z-helpers/paths");
+const { getMPAEntries } = require("../z-helpers/mpa.entries");
 const { customConfig } = require("../z-helpers/config");
 
 const getEntries = () => {
     if (customConfig.mpa) {
+        const entry = getMPAEntries();
         return entry.pagesObj;
     }
     return {

package/libs/externals/ssr.js

@@ -1,4 +1,3 @@
-const { packageJSON } = require("../z-helpers/paths");
 const nodeExternals = require("webpack-node-externals");
 
 const getExternals = () => {
@@ -6,7 +5,6 @@ const getExternals = () => {
         // "@alilc/lowcode-engine": "var window.AliLowCodeEngine",
         // "@alilc/lowcode-engine-ext": "var window.AliLowCodeEngineExt",
         ...nodeExternals(),
-        ...Object.keys(packageJSON.dependencies)
     };
 };
 

package/libs/module/css-loader/index.js

@@ -7,7 +7,11 @@ const loaders = [
     {
         loader: "css-loader",
         options: {
-            modules: undefined // enable CSS modules for all files matching /\.module\.\w+$/i.test(filename) and /\.icss\.\w+$/i.test(filename) regexp.
+            modules: { // enable CSS modules for all files matching /\.module\.\w+$/i.test(filename) and /\.icss\.\w+$/i.test(filename) regexp.
+                auto: true,
+                mode: "local",
+                localIdentName: '[name]-[local]--[hash:base64:5]',
+            }
         }
     },
     {

package/libs/module/css-loader/ssr.js

@@ -0,0 +1,54 @@
+const loaders = [
+    {
+        loader: "css-loader",
+        options: {
+            modules: { // enable CSS modules for all files matching /\.module\.\w+$/i.test(filename) and /\.icss\.\w+$/i.test(filename) regexp.
+                auto: true,
+                mode: "local",
+                localIdentName: '[name]-[local]--[hash:base64:5]',
+                exportOnlyLocals: true
+            }
+        }
+    },
+    {
+        loader: "postcss-loader",
+        options: {
+            postcssOptions: {
+                plugins: {
+                    autoprefixer: {
+                        overrideBrowserslist: ["IE 10", "iOS >=6", "Android >=4"],
+                        remove: false
+                    }
+                }
+            }
+        }
+    }
+].filter(Boolean);
+const getLessRule = () => {
+    return {
+        test: /\.less$/,
+        use: [
+            ...loaders,
+            {
+                loader: "less-loader",
+                options: {
+                    lessOptions: {
+                        javascriptEnabled: true
+                    }
+                }
+            }
+        ]
+    };
+};
+
+const getCssRule = () => {
+    return {
+        test: /\.css$/,
+        use: [...loaders]
+    };
+};
+
+module.exports = {
+    getCssRule,
+    getLessRule
+};

package/libs/module/ssr.js

@@ -1,22 +1,27 @@
-const getTsRule = require("./ts-loader");
 const getImgRule = require("./img-loader");
 const getSvgRule = require("./svg-loader");
 const getFontRule = require("./font-loader");
+const { getLessRule, getCssRule } = require("./css-loader/ssr");
+const { rootPath } = require("../z-helpers/paths");
 
 const getModule = () => {
-    const tsRule = getTsRule();
     const imgRule = getImgRule();
     const svgRule = getSvgRule();
     const fontRule = getFontRule();
+    const cssRule = getCssRule();
+    const lessRule = getLessRule();
 
     return {
         // noParse:/test.js$/, 不编译正则匹配上的文件
         rules: [
-            tsRule,
             {
-                test: /\.(styl|css|less)$/, //node端不能 require('xx.css')，会报错
-                loader: "null"
+                test: /\.(tsx?|jsx?)$/, // js ts 都走一遍 ts 进行编译
+                use: "ts-loader",
+                exclude: /node_modules/,
+                include: [rootPath("src"), /\/node_modules\/@ecoding.*/],
             },
+            lessRule,
+            cssRule,
             imgRule,
             svgRule,
             fontRule

package/libs/plugins/index.js

@@ -9,7 +9,8 @@ const MiniCssExtractPlugin = require("mini-css-extract-plugin"); // 提取分离
 const { CleanWebpackPlugin } = require("clean-webpack-plugin"); // 提取分离css
 const { isEnvProduction } = require("../z-helpers/util");
 const { customConfig } = require("../z-helpers/config");
-const { rootPath, entry } = require("../z-helpers/paths");
+const { rootPath } = require("../z-helpers/paths");
+const { getMPAEntries } = require("../z-helpers/mpa.entries");
 
 let dllJS = "";
 let dllJSON = "";
@@ -33,6 +34,7 @@ const getHtmlWebpack = () => {
     const template = rootPath("./template/index.ejs");
 
     if (customConfig.mpa) {
+        const entry = getMPAEntries();
         entry.pages.forEach((pageName) => {
             const filename = `${pageName}.html`;
             const obj = {

package/libs/webpack.ssr.js

@@ -9,6 +9,7 @@ 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 }
@@ -55,7 +56,6 @@ const getWebpackConfig = (env) => {
 
     // 配置externals
     const externals = getExternals();
-
     const config = {
         target: "node",
         mode,
@@ -68,8 +68,10 @@ const getWebpackConfig = (env) => {
         resolve,
         plugins,
         externalsPresets: { node: true }, // 不打包 node 模块，什么 fs path 那些
-        externals
+        externals, // 不打包 node_modules 内的模块，什么 express react react-dom 那些
     };
+     // tsx 配置
+    // 服务器端代码构建
     return config;
 };
 

package/libs/z-helpers/mpa.entries.js

@@ -0,0 +1,23 @@
+const fs = require("fs");
+const {rootPath} = require("./paths");
+
+let entry;
+
+exports.getMPAEntries = () => {
+    if (entry) {
+        return entry;
+    }
+    const filename = "index.tsx";
+    const dirPath = rootPath("./src/pages");
+    const pages = fs.readdirSync(dirPath);
+    const pagesObj = {};
+    pages.forEach((pageName) => {
+        pagesObj[pageName] = rootPath(`./src/pages/${pageName}/${filename}`);
+    });
+    entry = {
+        pagesObj,
+        pages
+    };
+    return entry;
+};
+

package/libs/z-helpers/paths.js

@@ -1,31 +1,13 @@
 const { resolve } = require("path");
-const fs = require("fs");
 const cwd = process.cwd();
 
 const rootPath = (pathname) => {
     return resolve(cwd, pathname);
 };
-const packageJSON = require(rootPath("./package.json"));
 
 const resolvePath = resolve;
 
-const getEntries = (filename) => {
-    const dirPath = rootPath("./src/pages");
-    const pages = fs.readdirSync(dirPath);
-    const pagesObj = {};
-    pages.forEach((pageName) => {
-        pagesObj[pageName] = rootPath(`./src/pages/${pageName}/${filename}`);
-    });
-    return {
-        pagesObj,
-        pages
-    };
-};
-
 module.exports = {
     rootPath,
-    resolvePath,
-    packageJSON,
-    entry: getEntries("index.tsx"),
-    ssrEntry: getEntries("index.server.tsx")
+    resolvePath
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ecoding/base.build",
-    "version": "0.0.10",
+    "version": "0.0.12",
     "description": "tpl building",
     "author": "cxc",
     "license": "MIT",
@@ -53,5 +53,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "c360835b00f1834e9958a5a0fb7d0d4185cad6f7"
+    "gitHead": "247243b7d008258a17064708b1abb15dcd361830"
 }