qmzreact 1.0.3 → 1.0.4

package/conf/utils.js

@@ -1,76 +1,76 @@
-var path = require('path')
-var fs = require('fs')
-var { cosmiconfigSync } = require('cosmiconfig');
-
-function isObj(obj) {
-  return Object.prototype.toString.call(obj) === '[object Object]'
-}
-
-/**
- * 获取用户配置信息
- * 该函数尝试从指定位置加载构建配置文件
- * 如果配置文件不存在或无效，则使用空对象作为默认配置
- */
-function getUserConfig() {
-  var explorer = cosmiconfigSync('build', { searchPlaces: ['build.config.js'] });
-  var userBuildConfig = {};
-  try {
-    var result = explorer.load(rootPath('build.config.js'));
-    if (
-      result &&
-      result.config &&
-      isObj(result.config)
-    ) {
-      userBuildConfig = result.config;
-    }
-  } catch (e) {
-    // ignore
-  }
-  return userBuildConfig;
-}
-
-/*
- * 返回静态资源路径(不需要被处理的资源)
- * project/static
- * */
-function assetsPath(_path) {
-    return path.posix.join('', _path)
-}
-
-function rootPath(_path) {
-    return path.join(process.cwd(), _path)
-}
-
-// 监听webpack监控以外的文件重启服务
-function getWatchFileRestartService(pathname, restartService) {
-  let isFileRename = false
-  fs.access(pathname, fs.constants.F_OK, (err) => {
-    if (!err) {
-      fs.watch(pathname, (eventType, filename) => {
-        if (eventType == 'rename') {
-          isFileRename = true
-        }
-        if (isFileRename) {
-          // 检查文件
-          // 新增文件 且存在 index 的入口文件时 重启服务
-          ['./index.ts', './index.tsx', './index.js', './index.jsx'].forEach(file => {
-            fs.access(path.join(pathname, filename, file), fs.constants.F_OK, (err) => {
-              if (!err) {
-                isFileRename = false;
-                typeof restartService === 'function' && restartService();
-              }
-            });
-          })
-        }
-      })
-    }
-  });
-}
-
-module.exports = {
-  getWatchFileRestartService,
-  rootPath,
-  assetsPath,
-  getUserConfig,
-  isObj
+var path = require('path')
+var fs = require('fs')
+var { cosmiconfigSync } = require('cosmiconfig');
+
+function isObj(obj) {
+  return Object.prototype.toString.call(obj) === '[object Object]'
+}
+
+/**
+ * 获取用户配置信息
+ * 该函数尝试从指定位置加载构建配置文件
+ * 如果配置文件不存在或无效，则使用空对象作为默认配置
+ */
+function getUserConfig() {
+  var explorer = cosmiconfigSync('build', { searchPlaces: ['build.config.js'] });
+  var userBuildConfig = {};
+  try {
+    var result = explorer.load(rootPath('build.config.js'));
+    if (
+      result &&
+      result.config &&
+      isObj(result.config)
+    ) {
+      userBuildConfig = result.config;
+    }
+  } catch (e) {
+    // ignore
+  }
+  return userBuildConfig;
+}
+
+/*
+ * 返回静态资源路径(不需要被处理的资源)
+ * project/static
+ * */
+function assetsPath(_path) {
+    return path.posix.join('', _path)
+}
+
+function rootPath(_path) {
+    return path.join(process.cwd(), _path)
+}
+
+// 监听webpack监控以外的文件重启服务
+function getWatchFileRestartService(pathname, restartService) {
+  let isFileRename = false
+  fs.access(pathname, fs.constants.F_OK, (err) => {
+    if (!err) {
+      fs.watch(pathname, (eventType, filename) => {
+        if (eventType == 'rename') {
+          isFileRename = true
+        }
+        if (isFileRename) {
+          // 检查文件
+          // 新增文件 且存在 index 的入口文件时 重启服务
+          ['./index.ts', './index.tsx', './index.js', './index.jsx'].forEach(file => {
+            fs.access(path.join(pathname, filename, file), fs.constants.F_OK, (err) => {
+              if (!err) {
+                isFileRename = false;
+                typeof restartService === 'function' && restartService();
+              }
+            });
+          })
+        }
+      })
+    }
+  });
+}
+
+module.exports = {
+  getWatchFileRestartService,
+  rootPath,
+  assetsPath,
+  getUserConfig,
+  isObj
 }

package/conf/webpack-server.js

@@ -1,81 +1,81 @@
-var { spawn, exec, execSync  } = require('child_process');
-var ora = require('ora');
-var path = require('path');
-var chalk = require('chalk');
-var { utils, processConfig }  = require('./options');
-var childProcess;
-
-/**
- * 监听目录是否有文件名变动，如果有则重启服务
- */
-if (Array.isArray(processConfig.watch) && processConfig.watch.length > 0) {
-  processConfig.watch.forEach(dirname => {
-    utils.getWatchFileRestartService(utils.rootPath(dirname), () => {
-      // 监听进程退出事件
-      childProcess.on('exit', (code, signal) => {
-        /**
-         * 重启服务
-         */
-        startServer();
-      });
-      // 杀掉进程
-      childProcess.kill('SIGTERM');
-    })
-  })
-}
-
-
-/**
- * 启动服务
- */
-module.exports = function startServer() {
-  var spinner = ora('Starting dev server... \n');
-  spinner.start();
-  childProcess = spawn(
-    'node',
-    ['--max_old_space_size=4096', path.join(__dirname, './dev-server.js'), ...process.argv.slice(2)],
-    {
-      env: Object.assign({}, process.env, {
-        NODE_ENV: 'development', // 根据需要修改或添加其它环境变量
-        // EXAMPLE_VAR: 'value'
-      }),
-      stdio: 'pipe'
-    }
-  );
-
-  // 监听子进程输出
-  childProcess.stdout.on('data', (data) => {
-    // 保留原有输出
-    console.group(`${data}`);
-    console.groupEnd();
-  });
-
-  // 从 stderr 解析进度并用 ora 显示
-  childProcess.stderr.on('data', (data) => {
-    const str = data.toString();
-    // 匹配百分比，如 "45%" 或 "100%"
-    const m = str.match(/(\d{1,3})%/);
-    if (m) {
-      const pct = m[1];
-      spinner.text = `Building ${chalk.green.bold(pct + '%')} `;
-      if (pct === '100' || str.includes('100%')) {
-        spinner.succeed(chalk.green.bold('Build 100%'));
-        if (spinner.isSpinning) spinner.stop();
-      }
-      return;
-    }
-    if (str.includes('100%')) {
-      spinner.succeed(chalk.green.bold('Build 100%'));
-      if (spinner.isSpinning) spinner.stop();
-    }
-    // 捕获错误等信息并显示
-    if (/error/i.test(str)) {
-      spinner.fail(str.split(/\r?\n/)[0]);
-    }
-  });
-
-  childProcess.on('close', (exitCode) => {
-    if (spinner.isSpinning) spinner.stop();
-    console.log(`======= Service Closed (code: ${exitCode}) ======`);
-  });
-}
+var { spawn, exec, execSync  } = require('child_process');
+var ora = require('ora');
+var path = require('path');
+var chalk = require('chalk');
+var { utils, processConfig }  = require('./options');
+var childProcess;
+
+/**
+ * 监听目录是否有文件名变动，如果有则重启服务
+ */
+if (Array.isArray(processConfig.watch) && processConfig.watch.length > 0) {
+  processConfig.watch.forEach(dirname => {
+    utils.getWatchFileRestartService(utils.rootPath(dirname), () => {
+      // 监听进程退出事件
+      childProcess.on('exit', (code, signal) => {
+        /**
+         * 重启服务
+         */
+        startServer();
+      });
+      // 杀掉进程
+      childProcess.kill('SIGTERM');
+    })
+  })
+}
+
+
+/**
+ * 启动服务
+ */
+module.exports = function startServer() {
+  var spinner = ora('Starting dev server... \n');
+  spinner.start();
+  childProcess = spawn(
+    'node',
+    ['--max_old_space_size=4096', path.join(__dirname, './dev-server.js'), ...process.argv.slice(2)],
+    {
+      env: Object.assign({}, process.env, {
+        NODE_ENV: 'development', // 根据需要修改或添加其它环境变量
+        // EXAMPLE_VAR: 'value'
+      }),
+      stdio: 'pipe'
+    }
+  );
+
+  // 监听子进程输出
+  childProcess.stdout.on('data', (data) => {
+    // 保留原有输出
+    console.group(`${data}`);
+    console.groupEnd();
+  });
+
+  // 从 stderr 解析进度并用 ora 显示
+  childProcess.stderr.on('data', (data) => {
+    const str = data.toString();
+    // 匹配百分比，如 "45%" 或 "100%"
+    const m = str.match(/(\d{1,3})%/);
+    if (m) {
+      const pct = m[1];
+      spinner.text = `Building ${chalk.green.bold(pct + '%')} `;
+      if (pct === '100' || str.includes('100%')) {
+        spinner.succeed(chalk.green.bold('Build 100%'));
+        if (spinner.isSpinning) spinner.stop();
+      }
+      return;
+    }
+    if (str.includes('100%')) {
+      spinner.succeed(chalk.green.bold('Build 100%'));
+      if (spinner.isSpinning) spinner.stop();
+    }
+    // 捕获错误等信息并显示
+    if (/error/i.test(str) && !str.includes('SassError')) {
+      spinner.fail(str.split(/\r?\n/)[0]);
+    }
+  });
+
+  childProcess.on('close', (exitCode) => {
+    if (spinner.isSpinning) spinner.stop();
+    console.log(`======= Service Closed (code: ${exitCode}) ======`);
+  });
+}

package/index.js

@@ -1,8 +1,8 @@
-var startService = require('./conf/webpack-server')
-var buildPack = require('./conf/build')
-var buildDll = require('./conf/config/webpack.dll.conf.js')
-module.exports = {
-    startService,
-    buildPack,
-    buildDll
+var startService = require('./conf/webpack-server')
+var buildPack = require('./conf/build')
+var buildDll = require('./conf/config/webpack.dll.conf.js')
+module.exports = {
+    startService,
+    buildPack,
+    buildDll
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qmzreact",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "前端react本地启动服务和打包工具",
   "author": {
     "name": "qmz",
@@ -29,6 +29,7 @@
     "@babel/preset-env": "^7.18.2",
     "@babel/preset-flow": "^7.17.12",
     "@babel/preset-react": "^7.17.12",
+    "@babel/preset-typescript": "^7.28.5",
     "@babel/register": "^7.17.7",
     "@babel/runtime-corejs3": "^7.18.0",
     "@types/css-modules": "^1.0.5",
@@ -87,6 +88,71 @@
     "yorkie": "^2.0.0"
   },
   "devDependencies": {},
+  "peerDependencies": {
+    "@babel/core": "^7.18.2",
+    "@babel/plugin-proposal-decorators": "^7.18.2",
+    "@babel/plugin-transform-runtime": "^7.18.2",
+    "@babel/preset-env": "^7.18.2",
+    "@babel/preset-flow": "^7.17.12",
+    "@babel/preset-react": "^7.17.12",
+    "@babel/preset-typescript": "^7.28.5",
+    "@babel/register": "^7.17.7",
+    "@babel/runtime-corejs3": "^7.18.0",
+    "@types/css-modules": "^1.0.5",
+    "@types/hoist-non-react-statics": "^3.3.1",
+    "@types/react": "^17.0.2",
+    "@types/react-dom": "^17.0.2",
+    "@types/react-router-dom": "^5.3.3",
+    "add-asset-html-webpack-plugin": "^5.0.2",
+    "autoprefixer": "^10.4.7",
+    "babel-jest": "^28.0.3",
+    "babel-loader": "^8.2.5",
+    "babel-plugin-import": "^1.13.3",
+    "classnames": "^2.3.1",
+    "connect-history-api-fallback": "^1.6.0",
+    "core-js": "~3.22.7",
+    "cross-spawn": "^7.0.3",
+    "css-loader": " ^6.7.1",
+    "css-minimizer-webpack-plugin": "~4.0.0",
+    "eslint": "^8.14.0",
+    "eslint-plugin-react": "^7.30.1",
+    "eslint-webpack-plugin": "^3.2.0",
+    "express": "^4.18.1",
+    "file-loader": "^6.2.0",
+    "glob": "^7.2.0",
+    "html-loader": "^3.1.0",
+    "html-webpack-plugin": "^5.5.0",
+    "http-proxy-middleware": "^2.0.6",
+    "lint-staged": "^12.4.1",
+    "mini-css-extract-plugin": "~2.6.0",
+    "open": "^8.4.0",
+    "ora": "^5.4.1",
+    "postcss": "^8.4.14",
+    "postcss-loader": "^7.0.0",
+    "prettier": "^2.6.2",
+    "querystring": "^0.2.1",
+    "rax": "^1.2.2",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-router": "^5.2.1",
+    "react-router-dom": "^5.3.0",
+    "sass": "~1.52.1",
+    "sass-loader": "~13.0.2",
+    "script-loader": "^0.7.2",
+    "shelljs": "^0.8.5",
+    "style-loader": "^3.3.1",
+    "terser-webpack-plugin": "^5.3.1",
+    "thread-loader": "^4.0.2",
+    "ts-loader": "^9.5.4",
+    "url-loader": "^4.1.1",
+    "webpack": "^5.72.1",
+    "webpack-bundle-analyzer": "^4.5.0",
+    "webpack-dev-middleware": "^5.3.3",
+    "webpack-hot-middleware": "^2.25.1",
+    "webpack-merge": "^5.8.0",
+    "yargs-parser": "20.2.4",
+    "yorkie": "^2.0.0"
+  },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },