@ecoding/base.build 0.0.11 → 0.0.12

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/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

@@ -1,4 +1,5 @@
 const fs = require("fs");
+const {rootPath} = require("./paths");
 
 let entry;
 

package/package.json

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