qmzreact 1.0.3 → 1.0.4

package/conf/config/loaders.js

@@ -1,156 +1,157 @@
-var path = require('path');
-var fs = require('fs');
-var devMode = process.env.NODE_ENV !== 'production';
-var MiniCssExtractPlugin = require('mini-css-extract-plugin');
-var { merge } = require('webpack-merge');
-var { utils, processConfig } = require('../options');
-var sassGlobalStyles = '';
-processConfig.sassGlobalStyles.forEach((item) => {
-  return sassGlobalStyles += `@import "${item}";`;
-});
-try {
-  fs.accessSync(utils.rootPath('src/global.scss'), fs.constants.F_OK);
-  sassGlobalStyles += `@import "@/global.scss";`;
-} catch (err) {
-  // console.log(err);
-};
-module.exports = [
-  {
-    test: /\.t|jsx?$/,
-    use: [
-      {
-        loader: "thread-loader",
-        // 有同样配置的 loader 会共享一个 worker 池
-        options: {
-          // 产生的 worker 的数量，默认是 (cpu 核心数 - 1)，或者，
-          // 在 require('os').cpus() 是 undefined 时回退至 1
-          // workers: 3,
-
-          // 一个 worker 进程中并行执行工作的数量
-          // 默认为 20
-          workerParallelJobs: 60,
-    
-          // 额外的 node.js 参数
-          workerNodeArgs: ['--max-old-space-size=2048'],
-    
-          // 允许重新生成一个僵死的 work 池
-          // 这个过程会降低整体编译速度
-          // 并且开发环境应该设置为 false
-          poolRespawn: false,
-    
-          // 闲置时定时删除 worker 进程
-          // 默认为 500（ms）
-          // 可以设置为无穷大，这样在监视模式(--watch)下可以保持 worker 持续存在
-          poolTimeout: 2000,
-
-          // 池分配给 worker 的工作数量
-          // 默认为 200
-          // 降低这个数值会降低总体的效率，但是会提升工作分布更均一
-          // poolParallelJobs: 50,
-
-          // 池的名称
-          // 可以修改名称来创建其余选项都一样的池
-          name: "node-build-pool"
-        },
-      },
-      {
-        loader: 'babel-loader',
-          options: merge({
-            presets: [
-              [
-                "@babel/preset-env",
-                {
-                  useBuiltIns: "usage",
-                  corejs: 3.22
-                }
-              ],
-              "@babel/preset-react",
-              "@babel/preset-flow"
-            ]
-          }, processConfig.babelLoaderOptions)
-        }
-    ],
-    exclude: (modulePath) => {
-      // 定义你"强制需要编译"的模块列表
-      const includeModules = processConfig.compileDependencies;
-      if (modulePath.includes('node_modules')) {
-        // 检查当前路径是否包含这些包名
-        const shouldInclude = includeModules.some(name => 
-          modulePath.includes(`node_modules${path.sep}${name}${path.sep}`));
-        return !shouldInclude;
-      } else {
-        return false;
-      }
-    }
-  },
-  {
-    test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
-    use: [
-        {
-          loader: 'url-loader',
-          options: {
-              limit: 1024,
-              outputPath: 'imgs',
-          }
-        }
-    ],
-  },
-  {
-    test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
-    use: [
-        {
-          loader: 'url-loader',
-          options: {
-              limit: 10000,
-              name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
-          }
-        }
-    ],
-  },
-  {
-    test: /\.(sa|sc|c)ss$/,
-    use: [
-      devMode ? 'style-loader' : MiniCssExtractPlugin.loader,
-      {
-        loader: 'css-loader',
-        options: merge({
-          modules: {
-            localIdentName: '[name]__[local]___[hash:base64:5]',
-            exportLocalsConvention: 'camelCase'
-          }
-        }, processConfig.cssLoaderOptions)
-      },
-      {
-        loader: 'postcss-loader',
-        options: {
-          // 2. PostCSS 插件配置写在这里
-          postcssOptions: merge({
-            plugins: [
-              require('autoprefixer')({
-                overrideBrowserslist: [
-                  '> 0.5%',
-                  'last 2 versions',
-                  'not dead',
-                  'iOS >= 9',
-                  'Android >= 5'
-                ]
-              })
-              // 如果还有其他插件，继续在这里添加，例如：
-              // require('postcss-preset-env')({ ... })
-            ]
-          }, processConfig.postcssLoaderOptions)
-        }
-      },
-      {
-        loader: "sass-loader",
-        options: merge({
-          additionalData: sassGlobalStyles,
-          implementation: require('sass'),
-          sassOptions: {
-            fiber: false,
-          },
-        }, processConfig.sassLoaderOptions)
-      }
-    ],
-  },
+var path = require('path');
+var fs = require('fs');
+var devMode = process.env.NODE_ENV !== 'production';
+var MiniCssExtractPlugin = require('mini-css-extract-plugin');
+var { merge } = require('webpack-merge');
+var { utils, processConfig } = require('../options');
+var sassGlobalStyles = '';
+processConfig.sassGlobalStyles.forEach((item) => {
+  return sassGlobalStyles += `@import "${item}";`;
+});
+try {
+  fs.accessSync(utils.rootPath('src/global.scss'), fs.constants.F_OK);
+  sassGlobalStyles += `@import "@/global.scss";`;
+} catch (err) {
+  // console.log(err);
+};
+module.exports = [
+  {
+    test: /\.t|jsx?$/,
+    use: [
+      {
+        loader: "thread-loader",
+        // 有同样配置的 loader 会共享一个 worker 池
+        options: {
+          // 产生的 worker 的数量，默认是 (cpu 核心数 - 1)，或者，
+          // 在 require('os').cpus() 是 undefined 时回退至 1
+          // workers: 3,
+
+          // 一个 worker 进程中并行执行工作的数量
+          // 默认为 20
+          workerParallelJobs: 60,
+    
+          // 额外的 node.js 参数
+          workerNodeArgs: ['--max-old-space-size=2048'],
+    
+          // 允许重新生成一个僵死的 work 池
+          // 这个过程会降低整体编译速度
+          // 并且开发环境应该设置为 false
+          poolRespawn: false,
+    
+          // 闲置时定时删除 worker 进程
+          // 默认为 500（ms）
+          // 可以设置为无穷大，这样在监视模式(--watch)下可以保持 worker 持续存在
+          poolTimeout: 2000,
+
+          // 池分配给 worker 的工作数量
+          // 默认为 200
+          // 降低这个数值会降低总体的效率，但是会提升工作分布更均一
+          // poolParallelJobs: 50,
+
+          // 池的名称
+          // 可以修改名称来创建其余选项都一样的池
+          name: "node-build-pool"
+        },
+      },
+      {
+        loader: 'babel-loader',
+          options: merge({
+            presets: [
+              [
+                "@babel/preset-env",
+                {
+                  useBuiltIns: "usage",
+                  corejs: 3.22
+                }
+              ],
+              "@babel/preset-react",
+              "@babel/preset-flow",
+              '@babel/preset-typescript',
+            ]
+          }, processConfig.babelLoaderOptions)
+        }
+    ],
+    exclude: (modulePath) => {
+      // 定义你"强制需要编译"的模块列表
+      const includeModules = processConfig.compileDependencies;
+      if (modulePath.includes('node_modules')) {
+        // 检查当前路径是否包含这些包名
+        const shouldInclude = includeModules.some(name => 
+          modulePath.includes(`node_modules${path.sep}${name}${path.sep}`));
+        return !shouldInclude;
+      } else {
+        return false;
+      }
+    }
+  },
+  {
+    test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+    use: [
+        {
+          loader: 'url-loader',
+          options: {
+              limit: 1024,
+              outputPath: 'imgs',
+          }
+        }
+    ],
+  },
+  {
+    test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+    use: [
+        {
+          loader: 'url-loader',
+          options: {
+              limit: 10000,
+              name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
+          }
+        }
+    ],
+  },
+  {
+    test: /\.(sa|sc|c)ss$/,
+    use: [
+      devMode ? 'style-loader' : MiniCssExtractPlugin.loader,
+      {
+        loader: 'css-loader',
+        options: merge({
+          modules: {
+            localIdentName: '[name]__[local]___[hash:base64:5]',
+            exportLocalsConvention: 'camelCase'
+          }
+        }, processConfig.cssLoaderOptions)
+      },
+      {
+        loader: 'postcss-loader',
+        options: {
+          // 2. PostCSS 插件配置写在这里
+          postcssOptions: merge({
+            plugins: [
+              require('autoprefixer')({
+                overrideBrowserslist: [
+                  '> 0.5%',
+                  'last 2 versions',
+                  'not dead',
+                  'iOS >= 9',
+                  'Android >= 5'
+                ]
+              })
+              // 如果还有其他插件，继续在这里添加，例如：
+              // require('postcss-preset-env')({ ... })
+            ]
+          }, processConfig.postcssLoaderOptions)
+        }
+      },
+      {
+        loader: "sass-loader",
+        options: merge({
+          additionalData: sassGlobalStyles,
+          implementation: require('sass'),
+          sassOptions: {
+            fiber: false,
+          },
+        }, processConfig.sassLoaderOptions)
+      }
+    ],
+  },
 ]

package/conf/config/webpack.base.conf.js

@@ -1,63 +1,63 @@
-var webpack = require('webpack')
-var { merge } = require('webpack-merge');
-var path = require('path')
-var config = require('./index')
-var { processConfig, utils } = require('../options');
-var loaders = require('./loaders');
-var HtmlWebpackPlugin = require('html-webpack-plugin');
-var AddAssetHtmlPlugin = require('add-asset-html-webpack-plugin');
-var fs = require('fs');
-
-var entry = [];
-var entryFile = ['./src/index.js', './src/index.jsx', './src/index.ts', './src/index.tsx'];
-for (var i = 0; i < entryFile.length; i++) {
-    try {
-        fs.accessSync(utils.rootPath(entryFile[i]), fs.constants.F_OK);
-        entry = [utils.rootPath(entryFile[i])];
-        break;
-    } catch (err) {
-        // continue to next candidate
-    }
-}
-
-var plugins = [];
-if (processConfig.dll) {
-    plugins = [
-        new AddAssetHtmlPlugin({
-          filepath: config.dev.assetsDllOutPath + '/react-vendor.js',
-          publicPath: config.build.assetsPublicPath + 'js',
-          outputPath: 'js',
-          includeSourcemap: false
-        }),
-        new webpack.DllReferencePlugin({
-          context: __dirname,
-          manifest: utils.rootPath('./dll/react-vendor-manifest.json')
-        })
-    ]
-}
-module.exports = {
-    entry: [
-        ...processConfig.entry,
-        ...entry
-    ],
-    resolve: {
-        modules: ['node_modules', 'public'],
-        extensions: ['.js','.jsx', '.ts', '.tsx'],
-        alias: merge({
-            '@': utils.rootPath('./src'),
-        }, processConfig.alias)
-    },
-    module: {
-        rules: loaders
-    },
-    plugins:[
-        // 生成 html
-        new HtmlWebpackPlugin({
-            template: utils.rootPath('./public/index.html'),
-            minify: false
-        }),
-        ...plugins,
-    ]
-}
-
-
+var webpack = require('webpack')
+var { merge } = require('webpack-merge');
+var path = require('path')
+var config = require('./index')
+var { processConfig, utils } = require('../options');
+var loaders = require('./loaders');
+var HtmlWebpackPlugin = require('html-webpack-plugin');
+var AddAssetHtmlPlugin = require('add-asset-html-webpack-plugin');
+var fs = require('fs');
+
+var entry = [];
+var entryFile = ['./src/index.js', './src/index.jsx', './src/index.ts', './src/index.tsx'];
+for (var i = 0; i < entryFile.length; i++) {
+    try {
+        fs.accessSync(utils.rootPath(entryFile[i]), fs.constants.F_OK);
+        entry = [utils.rootPath(entryFile[i])];
+        break;
+    } catch (err) {
+        // continue to next candidate
+    }
+}
+
+var plugins = [];
+if (processConfig.dll) {
+    plugins = [
+        new AddAssetHtmlPlugin({
+          filepath: config.dev.assetsDllOutPath + '/react-vendor.js',
+          publicPath: config.build.assetsPublicPath + 'js',
+          outputPath: 'js',
+          includeSourcemap: false
+        }),
+        new webpack.DllReferencePlugin({
+          context: __dirname,
+          manifest: utils.rootPath('./dll/react-vendor-manifest.json')
+        })
+    ]
+}
+module.exports = {
+    entry: [
+        ...processConfig.entry,
+        ...entry
+    ],
+    resolve: {
+        modules: ['node_modules', 'public'],
+        extensions: ['.js','.jsx', '.ts', '.tsx'],
+        alias: merge({
+            '@': utils.rootPath('./src'),
+        }, processConfig.alias)
+    },
+    module: {
+        rules: loaders
+    },
+    plugins:[
+        // 生成 html
+        new HtmlWebpackPlugin({
+            template: utils.rootPath('./public/index.html'),
+            minify: false
+        }),
+        ...plugins,
+    ]
+}
+
+

package/conf/config/webpack.dev.conf.js

@@ -1,32 +1,32 @@
-var webpack = require('webpack');
-var { merge } = require('webpack-merge');
-var config = require('../config');
-var path = require('path');
-var baseWebpackConfig = require('./webpack.base.conf');
-var ESLintPlugin = require('eslint-webpack-plugin');
-var options = require('../options');
-var { utils, processConfig } = options;
-
-var devConf = merge(baseWebpackConfig, {
-    mode: 'development',
-    devtool: false, // 是否生成 sourceMap 文件
-    entry: [path.resolve(__dirname, '../dev-client.js')],
-    output: {
-        publicPath: config.dev.assetsPublicPath,
-    },
-    cache: config.dev.cachesDllDirectory,
-    plugins: [
-        new webpack.HotModuleReplacementPlugin(),
-        new webpack.ProgressPlugin(),
-    ]
-}, options.webpackConfig)
-if (config.dev.eslint) {
-  devConf.plugins.push(new ESLintPlugin({
-    context: utils.rootPath('./src'),
-    exclude: processConfig.eslintExclude,
-    failOnError: false,
-    lintDirtyModulesOnly: true,
-    extensions: ['ts', 'tsx'],
-  }))
-}
-module.exports = devConf;
+var webpack = require('webpack');
+var { merge } = require('webpack-merge');
+var config = require('../config');
+var path = require('path');
+var baseWebpackConfig = require('./webpack.base.conf');
+var ESLintPlugin = require('eslint-webpack-plugin');
+var options = require('../options');
+var { utils, processConfig } = options;
+
+var devConf = merge(baseWebpackConfig, {
+    mode: 'development',
+    devtool: false, // 是否生成 sourceMap 文件
+    entry: [path.resolve(__dirname, '../dev-client.js')],
+    output: {
+        publicPath: config.dev.assetsPublicPath,
+    },
+    cache: config.dev.cachesDllDirectory,
+    plugins: [
+        new webpack.HotModuleReplacementPlugin(),
+        new webpack.ProgressPlugin(),
+    ]
+}, options.webpackConfig)
+if (config.dev.eslint) {
+  devConf.plugins.push(new ESLintPlugin({
+    context: utils.rootPath('./src'),
+    exclude: processConfig.eslintExclude,
+    failOnError: false,
+    lintDirtyModulesOnly: true,
+    extensions: ['ts', 'tsx'],
+  }))
+}
+module.exports = devConf;

package/conf/config/webpack.dll.conf.js

@@ -1,46 +1,46 @@
-require('shelljs/global');
-var webpack = require('webpack');
-var { merge } = require('webpack-merge');
-var config = require('./index');
-var path = require('path');
-var ora = require('ora');
-
-module.exports = function buildDll() {
-var dllConf = merge({
-    devtool: false, // 是否生成 sourceMap 文件
-    mode: 'production', //'production', ，development
-    entry: config.build.assetsDllChunks,
-    output: {
-        path: config.dev.assetsDllOutPath,
-        filename: '[name].js',
-        library: {
-            name: 'vendor_[fullhash]',
-            type: 'umd'
-        }
-    },
-    plugins: [
-        new webpack.DllPlugin({
-            context: path.resolve(__dirname, './'),
-            name: 'vendor_[fullhash]',
-            format:true,
-            entryOnly: true,
-            path: config.dev.assetsDllOutPath + '/[name]-manifest.json',
-        }),
-    ]
-})
-// webpack 打包
-rm('-rf', config.dev.assetsDllOutPath) // 删除 assetsRoot(dist) 目录下的文件及目录， 忽略不存在的目录
-var spinner = ora('building for dll...')
-spinner.start()
-webpack(dllConf, function (err, stats) {
-    spinner.stop()
-    if (err) throw err
-    process.stdout.write(stats.toString({
-            colors: true,
-            modules: false,
-            children: false,
-            chunks: false,
-            chunkModules: false
-        }) + '\n')
-})
-}
+require('shelljs/global');
+var webpack = require('webpack');
+var { merge } = require('webpack-merge');
+var config = require('./index');
+var path = require('path');
+var ora = require('ora');
+
+module.exports = function buildDll() {
+var dllConf = merge({
+    devtool: false, // 是否生成 sourceMap 文件
+    mode: 'production', //'production', ，development
+    entry: config.build.assetsDllChunks,
+    output: {
+        path: config.dev.assetsDllOutPath,
+        filename: '[name].js',
+        library: {
+            name: 'vendor_[fullhash]',
+            type: 'umd'
+        }
+    },
+    plugins: [
+        new webpack.DllPlugin({
+            context: path.resolve(__dirname, './'),
+            name: 'vendor_[fullhash]',
+            format:true,
+            entryOnly: true,
+            path: config.dev.assetsDllOutPath + '/[name]-manifest.json',
+        }),
+    ]
+})
+// webpack 打包
+rm('-rf', config.dev.assetsDllOutPath) // 删除 assetsRoot(dist) 目录下的文件及目录， 忽略不存在的目录
+var spinner = ora('building for dll...')
+spinner.start()
+webpack(dllConf, function (err, stats) {
+    spinner.stop()
+    if (err) throw err
+    process.stdout.write(stats.toString({
+            colors: true,
+            modules: false,
+            children: false,
+            chunks: false,
+            chunkModules: false
+        }) + '\n')
+})
+}