qmzreact 1.0.6 → 1.0.8

package/README.md

@@ -1,92 +1,92 @@
-# buildreact
-
-轻量级的 React 项目服务与构建工具，用于本地开发、构建与静态服务部署。
-
-## 特性
-- 本地开发服务器（热重载）
-- 项目构建（生产优化）
-- 静态文件预览/发布
-- 可扩展的配置项与插件接口
-
-## 环境要求
-- Node.js >= 12
-- npm 或 yarn
-
-## 安装
-在项目根目录运行（示例）：
-```bash
-# 使用 npm
-npm install --save-dev qmzreact
-
-# 或使用 yarn
-yarn add --dev qmzreact
-```
-
-## 使用（示例）
-在 package.json 中添加脚本：
-```json
-{
-    "scripts": {
-        "dev": "qmzreact dev",
-        "build": "qmzreact build",
-        "dll": "qmzreact dll",
-    }
-}
-```
-
-常用命令：
-- npm run dev    — 启动开发服务器（支持热重载）
-- npm run build  — 进行生产构建（压缩、代码分割）
-- npm run dll  — 启用dll时， 用于构建dll文件
-
-## 配置
-支持项目根目录下的配置文件：
-- build.config.js
-示例配置：
-```js
-module.exports = {
-    port: 8888,
-    publicPath: '/',
-    // 构建输出目录
-    buildDir: 'build',
-    alias: {
-        // 默认配置
-        "@": path.resolve(__dirname, 'src')
-    },
-    // 代理配置
-    proxy: {
-        '/api': {
-            target: 'http://localhost:8080',
-            pathRewrite: { '^/api': '' }
-        }
-    }
-    // 监听文件新增或删除 并重启服务，防止因为文件丢失而编译报错，默认只监听components 目录下的文件，如没有这个目录则不监听，  开启后，文件监听会占用大量cpu，请谨慎使用
-    watch: ['./src/components'],
-    // 是否启用 https服务
-    isHttps: false,
-    // 是否启用 dll
-    dll: false,
-    // 拆包，将第三方库单独打包，默认为{}，为默认拆包，可自定义拆包，如：
-    commonChunks: {
-        "echarts": ["echarts", "zrender"],
-    },
-    // 是否启用 eslint
-    eslint: false,
-    // 排除eslint检查的文件
-    eslintExclude: ['./src/oldCode'],
-    // node 服务中间件函数
-    nodeMiddleware: function(req, res){},
-    // webpack配置
-    cssLoaderOptions: {},
-    postcssLoaderOptions:  {},
-    sassLoaderOptions:  {},
-    babelLoaderOptions:  {},
-
-};
-```
-
-## 贡献
-欢迎提交 issue 与 PR。请遵循代码风格并补充必要的测试与文档。
-
-## 许可证
+# buildreact
+
+轻量级的 React 项目服务与构建工具，用于本地开发、构建与静态服务部署。
+
+## 特性
+- 本地开发服务器（热重载）
+- 项目构建（生产优化）
+- 静态文件预览/发布
+- 可扩展的配置项与插件接口
+
+## 环境要求
+- Node.js >= 12
+- npm 或 yarn
+
+## 安装
+在项目根目录运行（示例）：
+```bash
+# 使用 npm
+npm install --save-dev qmzreact
+
+# 或使用 yarn
+yarn add --dev qmzreact
+```
+
+## 使用（示例）
+在 package.json 中添加脚本：
+```json
+{
+    "scripts": {
+        "dev": "qmzreact dev",
+        "build": "qmzreact build",
+        "dll": "qmzreact dll",
+    }
+}
+```
+
+常用命令：
+- npm run dev    — 启动开发服务器（支持热重载）
+- npm run build  — 进行生产构建（压缩、代码分割）
+- npm run dll  — 启用dll时， 用于构建dll文件
+
+## 配置
+支持项目根目录下的配置文件：
+- build.config.js
+示例配置：
+```js
+module.exports = {
+    port: 8888,
+    publicPath: '/',
+    // 构建输出目录
+    buildDir: 'build',
+    alias: {
+        // 默认配置
+        "@": path.resolve(__dirname, 'src')
+    },
+    // 代理配置
+    proxy: {
+        '/api': {
+            target: 'http://localhost:8080',
+            pathRewrite: { '^/api': '' }
+        }
+    }
+    // 监听文件新增或删除 并重启服务，防止因为文件丢失而编译报错，默认只监听components 目录下的文件，如没有这个目录则不监听，  开启后，文件监听会占用大量cpu，请谨慎使用
+    watch: ['./src/components'],
+    // 是否启用 https服务
+    isHttps: false,
+    // 是否启用 dll
+    dll: false,
+    // 拆包，将第三方库单独打包，默认为{}，为默认拆包，可自定义拆包，如：
+    commonChunks: {
+        "echarts": ["echarts", "zrender"],
+    },
+    // 是否启用 eslint
+    eslint: false,
+    // 排除eslint检查的文件
+    eslintExclude: ['./src/oldCode'],
+    // node 服务中间件函数
+    nodeMiddleware: function(req, res){},
+    // webpack配置
+    cssLoaderOptions: {},
+    postcssLoaderOptions:  {},
+    sassLoaderOptions:  {},
+    babelLoaderOptions:  {},
+
+};
+```
+
+## 贡献
+欢迎提交 issue 与 PR。请遵循代码风格并补充必要的测试与文档。
+
+## 许可证
 MIT（如需其它许可证，请在此处替换）

package/bin/qmzreact.js

@@ -1,30 +1,30 @@
-#!/usr/bin/env node
-
-const { startService, buildPack, buildDll } = require('../index');
-
-const command = process.argv[2];
-
-async function run() {
-  try {
-    switch (command) {
-      case 'dev':
-        // 如果是异步的，加 await
-        startService(); 
-        break;
-      case 'build':
-        buildPack();
-        break;
-      case 'dll':
-        buildDll();
-        break;
-      default:
-        console.log('未知命令...');
-        process.exit(1);
-    }
-  } catch (error) {
-    console.error('执行出错:', error);
-    process.exit(1);
-  }
-}
-
+#!/usr/bin/env node
+
+const { startService, buildPack, buildDll } = require('../index');
+
+const command = process.argv[2];
+
+async function run() {
+  try {
+    switch (command) {
+      case 'dev':
+        // 如果是异步的，加 await
+        startService(); 
+        break;
+      case 'build':
+        buildPack();
+        break;
+      case 'dll':
+        buildDll();
+        break;
+      default:
+        console.log('未知命令...');
+        process.exit(1);
+    }
+  } catch (error) {
+    console.error('执行出错:', error);
+    process.exit(1);
+  }
+}
+
 run();

package/conf/build.js

@@ -1,31 +1,31 @@
-// https://github.com/shelljs/shelljs
-require('shelljs/global')
-module.exports = function buildPackage() {
-    env.NODE_ENV = 'production'
-    var path = require('path')
-    var config = require('./config')
-    var ora = require('ora')
-    var webpack = require('webpack')
-    var webpackConfig = require('./config/webpack.prod.conf')
-    var spinner = ora('building for production...')
-    spinner.start()
-    var assetsRoot = path.resolve(config.build.assetsRoot)
-
-    rm('-rf', assetsRoot) // 删除 assetsRoot(dist) 目录下的文件及目录， 忽略不存在的目录
-    mkdir('-p', assetsRoot) // 若路径中的某些目录尚不存在, 系统将自动建立好那些尚不存在的目录,即一次可以建立多个目录
-    cp('-R', 'public/*', assetsRoot) // 复制目录及目录内的所有项目
-
-    // webpack 打包
-    webpack(webpackConfig, 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')
-    })
-}
-
+// https://github.com/shelljs/shelljs
+require('shelljs/global')
+module.exports = function buildPackage() {
+    env.NODE_ENV = 'production'
+    var path = require('path')
+    var config = require('./config')
+    var ora = require('ora')
+    var webpack = require('webpack')
+    var webpackConfig = require('./config/webpack.prod.conf')
+    var spinner = ora('building for production...')
+    spinner.start()
+    var assetsRoot = path.resolve(config.build.assetsRoot)
+
+    rm('-rf', assetsRoot) // 删除 assetsRoot(dist) 目录下的文件及目录， 忽略不存在的目录
+    mkdir('-p', assetsRoot) // 若路径中的某些目录尚不存在, 系统将自动建立好那些尚不存在的目录,即一次可以建立多个目录
+    cp('-R', 'public/*', assetsRoot) // 复制目录及目录内的所有项目
+
+    // webpack 打包
+    webpack(webpackConfig, 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')
+    })
+}
+

package/conf/config/chunks.js

@@ -1,34 +1,34 @@
-var webpack = require('webpack')
-var path = require('path')
-var config = require('./index')
-module.exports = {
-  chunks: 'all',
-  maxInitialRequests: 10,
-  minSize: 50000,
-  minChunks: 4,
-  cacheGroups: {
-    vendor: {
-      test: /[\\/]node_modules[\\/]/,
-      minChunks: 2,
-      name(module) {
-        const test = module.context.match(
-          /[\\/]node_modules[\\/](.*?)([\\/]|$)/,
-        )
-        const packageName =  test && test[1] || '';
-        let chunkName = null;
-        const chunks = config.build.assetsChunks || {};
-        Object.entries(chunks).forEach(([name, key]) => {
-          key.forEach(k => {
-            if (packageName.includes(k)) {
-              chunkName = name
-            }
-          })
-        })
-        return chunkName;
-      },
-    },
-    default: {
-      name: 'vendor_common'
-    }
-  },
+var webpack = require('webpack')
+var path = require('path')
+var config = require('./index')
+module.exports = {
+  chunks: 'all',
+  maxInitialRequests: 10,
+  minSize: 50000,
+  minChunks: 4,
+  cacheGroups: {
+    vendor: {
+      test: /[\\/]node_modules[\\/]/,
+      minChunks: 2,
+      name(module) {
+        const test = module.context.match(
+          /[\\/]node_modules[\\/](.*?)([\\/]|$)/,
+        )
+        const packageName =  test && test[1] || '';
+        let chunkName = null;
+        const chunks = config.build.assetsChunks || {};
+        Object.entries(chunks).forEach(([name, key]) => {
+          key.forEach(k => {
+            if (packageName.includes(k)) {
+              chunkName = name
+            }
+          })
+        })
+        return chunkName;
+      },
+    },
+    default: {
+      name: 'vendor_common'
+    }
+  },
 }

package/conf/config/index.js

@@ -1,56 +1,56 @@
-var path = require('path');
-var { processConfig, webpackConfig, utils } = require('../options');
-var dllChunks = Array.isArray(processConfig.dll.chunks) ? processConfig.dll.chunks : [];
-var commonChunks = utils.isObj(processConfig.commonChunks) ? processConfig.commonChunks : {};
-var proxy = utils.isObj(processConfig.proxy) ? processConfig.proxy : {};
-var proxyTable = {};
-for (let key in proxy) {
-    proxyTable[key] = {
-        target: proxy[key].target,
-        changeOrigin: true,
-        pathRewrite: proxy[key].pathRewrite || { [`^${key}`]: '' },
-        secure: false,
-    }
-};
-
-
-module.exports = {
-    build: {
-        assetsRoot: processConfig.outpath,
-        assetsPublicPath: processConfig.publicPath,
-        assetsDllChunks: {
-            ['react-vendor']: ['react', 'react-dom', 'react-router', 'react-router-dom', ...dllChunks],
-        },
-        assetsChunks: commonChunks,
-        cachesDllDirectory: {
-          type: 'filesystem',
-          name: 'build_production',
-          // 开启压缩
-          compression: 'gzip',
-          buildDependencies: {
-            config: [
-              './build.config.js',
-              ...processConfig.cacheBuildDependencies
-            ]
-          }
-        },
-    },
-    dev: {
-        port: processConfig.port,
-        eslint: processConfig.eslint,
-        assetsDllOutPath: processConfig.dll.outpath,
-        assetsPublicPath: processConfig.publicPath,
-        cachesDllDirectory: {
-          type: 'filesystem',
-          name: 'local_development',
-          buildDependencies: {
-            config: [
-              './build.config.js',
-              ...processConfig.cacheBuildDependencies
-            ]
-          }
-        },
-        proxyTable,
-        cssSourceMap: false
-    }
-}
+var path = require('path');
+var { processConfig, webpackConfig, utils } = require('../options');
+var dllChunks = Array.isArray(processConfig.dll.chunks) ? processConfig.dll.chunks : [];
+var commonChunks = utils.isObj(processConfig.commonChunks) ? processConfig.commonChunks : {};
+var proxy = utils.isObj(processConfig.proxy) ? processConfig.proxy : {};
+var proxyTable = {};
+for (let key in proxy) {
+    proxyTable[key] = {
+        target: proxy[key].target,
+        changeOrigin: true,
+        pathRewrite: proxy[key].pathRewrite || { [`^${key}`]: '' },
+        secure: false,
+    }
+};
+
+
+module.exports = {
+    build: {
+        assetsRoot: processConfig.outpath,
+        assetsPublicPath: processConfig.publicPath,
+        assetsDllChunks: {
+            ['react-vendor']: ['react', 'react-dom', 'react-router', 'react-router-dom', ...dllChunks],
+        },
+        assetsChunks: commonChunks,
+        cachesDllDirectory: {
+          type: 'filesystem',
+          name: 'build_production',
+          // 开启压缩
+          compression: 'gzip',
+          buildDependencies: {
+            config: [
+              './build.config.js',
+              ...processConfig.cacheBuildDependencies
+            ]
+          }
+        },
+    },
+    dev: {
+        port: processConfig.port,
+        eslint: processConfig.eslint,
+        assetsDllOutPath: processConfig.dll.outpath,
+        assetsPublicPath: processConfig.publicPath,
+        cachesDllDirectory: {
+          type: 'filesystem',
+          name: 'local_development',
+          buildDependencies: {
+            config: [
+              './build.config.js',
+              ...processConfig.cacheBuildDependencies
+            ]
+          }
+        },
+        proxyTable,
+        cssSourceMap: false
+    }
+}