@cloudbase/framework-plugin-low-code 0.6.31 → 0.6.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/framework-plugin-low-code",
-  "version": "0.6.31",
+  "version": "0.6.32",
   "description": "云开发 Tencent CloudBase Framework Low Code Plugin，将低码配置生成完整项目并一键部署云开发资源。",
   "author": "yhsunshining@gmail.com",
   "homepage": "https://github.com/TencentCloudBase/cloudbase-framework#readme",

package/template/webpack/web.prod.js

@@ -92,22 +92,16 @@ module.exports = function (options) {
             threadMode: true,
             loaders: {
               js: [babelLoader],
-              ts: [
-                babelLoader,
-                typescriptLoader,
-              ],
-            }
-          }
+              ts: [babelLoader, typescriptLoader],
+            },
+          },
         },
       ],
-      threadPool: happyThreadPool
+      threadPool: happyThreadPool,
     }),
     new HappyPack({
       id: TS_LOADER_ID,
-      loaders: [
-        babelLoader,
-        typescriptLoader,
-      ],
+      loaders: [babelLoader, typescriptLoader],
       threadPool: happyThreadPool,
     }),
     new HappyPack({
@@ -125,13 +119,15 @@ module.exports = function (options) {
       filename: '[name].[contenthash].css',
       chunkFilename: '[id].[contenthash].css',
     }),
-    new webpack.DefinePlugin(Object.assign(
-      {
-        'process.env.isMiniprogram': false, // 注入环境变量，用于业务代码判断
-        'process.env.SSR': false,
-      },
-      definePlugin,
-    )),
+    new webpack.DefinePlugin(
+      Object.assign(
+        {
+          'process.env.isMiniprogram': false, // 注入环境变量，用于业务代码判断
+          'process.env.SSR': false,
+        },
+        definePlugin
+      )
+    ),
     new CopyWebpackPlugin({
       patterns: [
         {
@@ -157,6 +153,36 @@ module.exports = function (options) {
       }),
     ]);
   }
+
+  const cssLoaders = [
+    MiniCssExtractPlugin.loader,
+    {
+      loader: 'css-loader',
+      options: {
+        modules: false,
+        importLoaders: 2,
+      },
+    },
+    {
+      loader: 'postcss-loader',
+      options: {
+        postcssOptions: {
+          plugins: [
+            [
+              'postcss-pxtorem',
+              {
+                rootValue: 14,
+                propList: ['*'],
+                // todo
+                selectorBlackList: ['.weui-picker__indicator'],
+              },
+            ],
+          ],
+        },
+      },
+    },
+  ];
+
   return {
     context,
     entry,
@@ -184,7 +210,7 @@ module.exports = function (options) {
       rules: [
         {
           test: /\.vue$/,
-          loader: 'happypack/loader?id=vue'
+          loader: 'happypack/loader?id=vue',
         },
         {
           test: /\.tsx?$/,
@@ -199,32 +225,7 @@ module.exports = function (options) {
         {
           test: /\.(scss|sass)$/,
           use: [
-            MiniCssExtractPlugin.loader,
-            {
-              loader: 'css-loader',
-              options: {
-                modules: false,
-                importLoaders: 2,
-              },
-            },
-            {
-              loader: 'postcss-loader',
-              options: {
-                postcssOptions: {
-                  plugins: [
-                    [
-                      'postcss-pxtorem',
-                      {
-                        rootValue: 14,
-                        propList: ['*'],
-                        // todo
-                        selectorBlackList: ['.weui-picker__indicator'],
-                      },
-                    ],
-                  ],
-                },
-              },
-            },
+            ...cssLoaders,
             {
               loader: 'sass-loader',
               options: {
@@ -234,34 +235,13 @@ module.exports = function (options) {
           ],
         },
         {
-          test: /\.(css|less)$/,
+          test: /\.css$/,
+          use: [...cssLoaders],
+        },
+        {
+          test: /\.less$/,
           use: [
-            MiniCssExtractPlugin.loader,
-            {
-              loader: 'css-loader',
-              options: {
-                modules: false,
-                importLoaders: 2,
-              },
-            },
-            {
-              loader: 'postcss-loader',
-              options: {
-                postcssOptions: {
-                  plugins: [
-                    [
-                      'postcss-pxtorem',
-                      {
-                        rootValue: 14,
-                        propList: ['*'],
-                        // todo
-                        selectorBlackList: ['.weui-picker__indicator'],
-                      },
-                    ],
-                  ],
-                },
-              },
-            },
+            ...cssLoaders,
             {
               loader: 'less-loader',
               options: {
@@ -310,20 +290,20 @@ module.exports = function (options) {
       },
       ...(isDevelopment
         ? {
-          minimize: false,
-          removeAvailableModules: false,
-          removeEmptyChunks: true,
-        }
+            minimize: false,
+            removeAvailableModules: false,
+            removeEmptyChunks: true,
+          }
         : {
-          minimizer: [
-            new TerserPlugin({
-              test: /\.js(\?.*)?$/i,
-              cache: false,
-              parallel: true,
-              sourceMap: false,
-            }),
-          ],
-        }),
+            minimizer: [
+              new TerserPlugin({
+                test: /\.js(\?.*)?$/i,
+                cache: false,
+                parallel: true,
+                sourceMap: false,
+              }),
+            ],
+          }),
     },
   };
 };