@qingtian/qtcli 1.0.4 → 1.0.5-beta.10

package/dist/src/webpack/web/index.js

@@ -99,6 +99,7 @@ function dev() {
 }
 function build() {
     var compiler = (0, webpack_1.default)((argCmd === null || argCmd === void 0 ? void 0 : argCmd.analy) ? webpackAnalyConfig : webpackProdConfig);
+    console.log('webpackAnalyConfig::', webpackAnalyConfig);
     compiler.run(function (err, stats) {
         if (err) {
             if (process && process.send) {

package/dist/src/webpack/web/webpack.analy.js

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var prodConfig = require('./webpack.prod');
-var SpeedMeasurePlugin = require('speed-measure-webpack-plugin');
-var smp = new SpeedMeasurePlugin();
+var prodConfig = require('./webpack.prod').default;
 var merge = require('webpack-merge').merge;
 var BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
-exports.default = smp.wrap(merge(prodConfig, {
+// 基于生产配置，仅附加 BundleAnalyzer，去掉 SpeedMeasurePlugin，避免插件重复注册/丢失
+exports.default = merge(prodConfig, {
     plugins: [new BundleAnalyzerPlugin()],
-}));
+});

package/dist/src/webpack/web/webpack.base.js

@@ -22,7 +22,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
 Object.defineProperty(exports, "__esModule", { value: true });
 var loader_1 = require("../../processEnv/loader");
 var manager_1 = require("../../processEnv/manager");
@@ -31,6 +31,7 @@ var DonePlugin_1 = __importDefault(require("../plugins/DonePlugin"));
 var FileListPlugin_1 = __importDefault(require("../plugins/FileListPlugin"));
 var InjectScriptPlugin_1 = __importDefault(require("../plugins/InjectScriptPlugin"));
 var path = require('path');
+var fs = require('fs');
 var HtmlWebpackPlugin = require('html-webpack-plugin');
 var HtmlWebpackTagsPlugin = require('html-webpack-tags-plugin');
 var webpack = require('webpack');
@@ -62,11 +63,13 @@ var qtConfig = envLoader.getQtConfig() || {
         plugins: [],
     },
 };
+// 入口配置：优先 qt.conf.js 中的 entry，若无则默认 index
+var baseEntries = ((_a = qtConfig === null || qtConfig === void 0 ? void 0 : qtConfig.webpackConfig) === null || _a === void 0 ? void 0 : _a.entry) || {
+    index: path.resolve(process.cwd(), './src/index.tsx'),
+};
 // 定义基础配置
 var config = {
-    entry: {
-        index: path.resolve(process.cwd(), './src/index.tsx'),
-    },
+    entry: baseEntries,
     output: {
         filename: 'static/js/[name].[chunkhash].js',
         path: path.resolve(process.cwd(), './dist'),
@@ -333,23 +336,26 @@ var config = {
             },
         ],
     },
-    plugins: __spreadArray(__spreadArray(__spreadArray([
-        new HtmlWebpackPlugin({
-            template: path.resolve(process.cwd(), './public/index.html'),
-            filename: '[name].html',
+    // 根据入口数量动态生成 HtmlWebpackPlugin 实例
+    plugins: __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], Object.keys(baseEntries).map(function (name) {
+        var _a, _b, _c, _d, _e, _f;
+        var entryTemplate = path.resolve(process.cwd(), "./public/".concat(name, ".html"));
+        var fallbackTemplate = path.resolve(process.cwd(), './public/index.html');
+        var template = fs.existsSync(entryTemplate) ? entryTemplate : fallbackTemplate;
+        return new HtmlWebpackPlugin({
+            template: template,
+            filename: "".concat(name, ".html"),
+            chunks: [name],
             inject: true,
             favicon: path.resolve(process.cwd(), './public/favicon.ico'),
-            publicPath: envConfig.PUBLIC_URL || '/',
-            meta: Array.isArray((_b = (_a = qtConfig === null || qtConfig === void 0 ? void 0 : qtConfig.config) === null || _a === void 0 ? void 0 : _a.htmlInject) === null || _b === void 0 ? void 0 : _b.head)
-                ? qtConfig.config.htmlInject.head
-                    .filter(function (item) { return item.tag === 'meta'; })
-                    .map(function (item) { return item.attrs; })
+            publicPath: ((_b = (_a = qtConfig === null || qtConfig === void 0 ? void 0 : qtConfig.webpackConfig) === null || _a === void 0 ? void 0 : _a.output) === null || _b === void 0 ? void 0 : _b.publicPath) || (envConfig === null || envConfig === void 0 ? void 0 : envConfig.PUBLIC_URL) || '/',
+            meta: Array.isArray((_d = (_c = qtConfig === null || qtConfig === void 0 ? void 0 : qtConfig.config) === null || _c === void 0 ? void 0 : _c.htmlInject) === null || _d === void 0 ? void 0 : _d.head)
+                ? (_f = (_e = qtConfig === null || qtConfig === void 0 ? void 0 : qtConfig.config) === null || _e === void 0 ? void 0 : _e.htmlInject) === null || _f === void 0 ? void 0 : _f.head.filter(function (item) { return item.tag === 'meta'; }).map(function (item) { return item.attrs; })
                 : [],
-        }),
-        new InterpolateHtmlPlugin(HtmlWebpackPlugin, {
-            PUBLIC_URL: envConfig.PUBLIC_URL || '',
-        })
-    ], (Array.isArray((_d = (_c = qtConfig === null || qtConfig === void 0 ? void 0 : qtConfig.config) === null || _c === void 0 ? void 0 : _c.htmlInject) === null || _d === void 0 ? void 0 : _d.head)
+        });
+    }), true), [
+        new InterpolateHtmlPlugin(HtmlWebpackPlugin, __assign({ PUBLIC_URL: (envConfig === null || envConfig === void 0 ? void 0 : envConfig.PUBLIC_URL) || ((_c = (_b = qtConfig === null || qtConfig === void 0 ? void 0 : qtConfig.webpackConfig) === null || _b === void 0 ? void 0 : _b.output) === null || _c === void 0 ? void 0 : _c.publicPath) || './' }, (((_e = (_d = qtConfig === null || qtConfig === void 0 ? void 0 : qtConfig.config) === null || _d === void 0 ? void 0 : _d.env) === null || _e === void 0 ? void 0 : _e[process.env.NODE_ENV || 'development']) || {})))
+    ], false), (Array.isArray((_g = (_f = qtConfig === null || qtConfig === void 0 ? void 0 : qtConfig.config) === null || _f === void 0 ? void 0 : _f.htmlInject) === null || _g === void 0 ? void 0 : _g.head)
         ? [
             new HtmlWebpackTagsPlugin({
                 tags: __spreadArray(__spreadArray([], (qtConfig.config.htmlInject.head
@@ -369,7 +375,7 @@ var config = {
                 usePublicPath: true,
             }),
         ]
-        : []), true), (Array.isArray((_f = (_e = qtConfig === null || qtConfig === void 0 ? void 0 : qtConfig.config) === null || _e === void 0 ? void 0 : _e.htmlInject) === null || _f === void 0 ? void 0 : _f.body)
+        : []), true), (Array.isArray((_j = (_h = qtConfig === null || qtConfig === void 0 ? void 0 : qtConfig.config) === null || _h === void 0 ? void 0 : _h.htmlInject) === null || _j === void 0 ? void 0 : _j.body)
         ? [
             new HtmlWebpackTagsPlugin({
                 tags: qtConfig.config.htmlInject.body
@@ -393,21 +399,16 @@ var config = {
         new FileListPlugin_1.default({
             filename: 'list.md',
         }),
-        new webpack.DefinePlugin(__assign(__assign(__assign({}, envConfig), (_h = (_g = qtConfig === null || qtConfig === void 0 ? void 0 : qtConfig.config) === null || _g === void 0 ? void 0 : _g.env) === null || _h === void 0 ? void 0 : _h[process.env.NODE_ENV || 'development']), { 'process.env': JSON.stringify(process.env) })),
+        new webpack.DefinePlugin(__assign(__assign(__assign({}, envConfig), (_l = (_k = qtConfig === null || qtConfig === void 0 ? void 0 : qtConfig.config) === null || _k === void 0 ? void 0 : _k.env) === null || _l === void 0 ? void 0 : _l[process.env.NODE_ENV || 'development']), { 'process.env': JSON.stringify(process.env) })),
         new InjectScriptPlugin_1.default({
-            headScripts: ((_k = (_j = qtConfig === null || qtConfig === void 0 ? void 0 : qtConfig.config) === null || _j === void 0 ? void 0 : _j.jsInject) === null || _k === void 0 ? void 0 : _k.head) || [],
-            bodyScripts: ((_m = (_l = qtConfig === null || qtConfig === void 0 ? void 0 : qtConfig.config) === null || _l === void 0 ? void 0 : _l.jsInject) === null || _m === void 0 ? void 0 : _m.body) || [],
+            headScripts: ((_o = (_m = qtConfig === null || qtConfig === void 0 ? void 0 : qtConfig.config) === null || _m === void 0 ? void 0 : _m.jsInject) === null || _o === void 0 ? void 0 : _o.head) || [],
+            bodyScripts: ((_q = (_p = qtConfig === null || qtConfig === void 0 ? void 0 : qtConfig.config) === null || _p === void 0 ? void 0 : _p.jsInject) === null || _q === void 0 ? void 0 : _q.body) || [],
         }),
-        !isDev() &&
-            new MiniCssExtractPlugin({
-                filename: 'static/css/[name].[contenthash].css',
-                chunkFilename: 'static/css/[name].[contenthash].chunk.css',
-            }),
     ], false).filter(Boolean),
     resolve: {
         modules: ['node_modules', path.resolve(__dirname, '../../../node_modules')],
         extensions: ['.tsx', '.ts', '.jsx', '.js', '.less', '.scss'],
-        alias: __assign({ '@': path.resolve(process.cwd(), './src'), react: path.resolve(process.cwd(), './node_modules/react') }, (_p = (_o = qtConfig === null || qtConfig === void 0 ? void 0 : qtConfig.webpackConfig) === null || _o === void 0 ? void 0 : _o.resolve) === null || _p === void 0 ? void 0 : _p.alias),
+        alias: __assign({ '@': path.resolve(process.cwd(), './src'), react: path.resolve(process.cwd(), './node_modules/react') }, (_s = (_r = qtConfig === null || qtConfig === void 0 ? void 0 : qtConfig.webpackConfig) === null || _r === void 0 ? void 0 : _r.resolve) === null || _s === void 0 ? void 0 : _s.alias),
     },
     resolveLoader: {
         modules: [path.resolve(__filename, '../../../node_modules')],

package/dist/src/webpack/web/webpack.prod.js

@@ -5,14 +5,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
 var path = require('path');
-// const globAll = require('glob-all');
+var globAll = require('glob-all');
 var CompressionPlugin = require('compression-webpack-plugin');
 var merge = require('webpack-merge').merge;
 var baseConfig = require('./webpack.base').default;
 var CopyPlugin = require('copy-webpack-plugin');
 var CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
 var TerserPlugin = require('terser-webpack-plugin');
-// const PurgeCSSPlugin = require('purgecss-webpack-plugin');
+var PurgeCSSPlugin = require('purgecss-webpack-plugin');
 exports.default = merge(baseConfig, {
     mode: 'production',
     plugins: [
@@ -22,7 +22,8 @@ exports.default = merge(baseConfig, {
                     from: path.resolve(process.cwd(), './public'),
                     to: baseConfig.output.path,
                     filter: function (source) {
-                        return !source.includes('index.html');
+                        // 过滤掉所有 .html 文件，避免与 HtmlWebpackPlugin 生成的文件冲突
+                        return !source.endsWith('.html');
                     },
                 },
             ],
@@ -31,11 +32,13 @@ exports.default = merge(baseConfig, {
             filename: 'static/css/[name].[contenthash].css',
         }),
         // new PurgeCSSPlugin({
+        //   // 扫描项目内实际使用的类名，移除未使用的 CSS
         //   paths: globAll.sync([
         //     `${path.join(process.cwd(), './src')}/**/*.tsx`,
         //     `${path.join(process.cwd(), './src')}/**/*.jsx`,
         //     path.join(process.cwd(), './public/index.html'),
         //   ]),
+        //   // 防止 antd 等前缀类名被误删
         //   safelist: {
         //     standard: [/^ant-/],
         //   },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@qingtian/qtcli",
-    "version": "1.0.4",
+    "version": "1.0.5-beta.10",
     "description": "QTCli是一款基于node的前端工程化底座",
     "homepage": "https://gitee.com/fengrengame/qtnode#readme",
     "bugs": {
@@ -122,6 +122,7 @@
         "postcss-loader": "^6.2.1",
         "postcss-normalize": "^10.0.1",
         "postcss-preset-env": "^7.0.1",
+        "postcss-pxtorem": "^6.1.0",
         "prettier": "3.5.3",
         "prettier-config-ali": "1.3.2",
         "progress": "2.0.3",
@@ -197,4 +198,4 @@
         "jest-watch-typeahead": "^1.0.0"
     },
     "email": "296963166@qq.com"
-}
+}

package/dist/README.md

@@ -1,198 +0,0 @@
-# QTCli
-
-QTCli 是一款基于 Node.js 的前端工程化底座，提供了完整的项目构建、开发和部署解决方案。
-
-## 特性
-
-- 🚀 快速创建和初始化项目
-- 📦 内置 Webpack 构建配置
-- 🔥 支持 React + TypeScript 开发
-- 🎨 支持 Less、Sass、CSS Modules
-- 📱 支持移动端适配
-- 🔍 内置 ESLint、StyleLint 代码规范检查
-- 🛠 支持自定义配置和插件扩展
-
-## 环境要求
-Node.js >= v22.14.0
-f2elint 4.7.1
-npm 10.9.2
-
-## 安装
-
-```bash
-npm install -g qtcli
-```
-
-## 使用方法
-
-### 查看帮助
-
-```bash
-qtcli --help
-```
-
-### 初始化项目
-
-```bash
-qtcli init [options]
-```
-
-### 开发模式
-
-```bash
-qtcli dev [options]
-```
-
-### 构建项目
-
-```bash
-qtcli build [options]
-```
-
-## 全局选项
-
--V, --version: 显示版本号
--D, --debug: 启用调试模式
--h, --help: 显示帮助信息
-
-## 项目结构
-
-```
-my-project/
-├── src/                # 源代码目录
-├── public/            # 静态资源目录
-├── dist/              # 构建输出目录
-└── qt.conf.js         # 项目配置文件
-```
-
-## 配置说明
-
-在项目根目录创建 `qt.conf.js` 文件进行自定义配置：
-
-```javascript
-export default {
-  // 构建类型
-  buildType: 'WEB',
-
-  // 解决方案名称
-  solutionName: 'my-project',
-
-  // 构建模式
-  buildMode: {
-    development: 'DEVELOPMENT',
-    production: 'PRODUCTION',
-    test: 'TEST',
-    analyze: 'ANALYZE'
-  },
-
-  // 项目配置
-  config: {
-    // HTML 注入配置
-    htmlInject: {
-      head: [
-        // meta 标签
-        {
-          tag: 'meta',
-          attrs: {
-            charset: 'utf-8'
-          }
-        },
-        {
-          tag: 'meta',
-          attrs: {
-            name: 'viewport',
-            content: 'width=device-width, initial-scale=1'
-          }
-        },
-        // link 标签
-        {
-          tag: 'link',
-          attrs: {
-            rel: 'stylesheet',
-            href: '/static/css/global.css'
-          }
-        }
-      ],
-      body: [
-        // body 中的 script
-        {
-          tag: 'script',
-          attrs: {
-            src: '/static/js/init.js'
-          }
-        }
-      ]
-    },
-
-    // JavaScript 代码片段注入配置
-    jsInject: {
-      head: [
-        {
-          code: `window.APP_CONFIG = {
-            version: '1.0.0',
-            env: '${process.env.NODE_ENV}',
-            apiUrl: '${process.env.API_URL}'
-          };`
-        }
-      ],
-      body: [
-        {
-          code: `document.addEventListener('DOMContentLoaded', function() {
-            console.log('DOM loaded');
-          });`
-        }
-      ]
-    },
-
-    // 环境变量配置
-    env: {
-      development: {
-        NODE_ENV: 'development',
-        API_URL: 'http://dev-api.example.com'
-      },
-      production: {
-        NODE_ENV: 'production',
-        API_URL: 'http://api.example.com'
-      }
-    }
-  },
-
-  // webpack 配置
-  webpackConfig: {
-    // 开发服务器配置
-    devServer: {
-      port: 3000,
-      host: 'localhost'
-    },
-    // 解析配置
-    resolve: {
-      alias: {
-        '@components': './src/components',
-        '@utils': './src/utils'
-      }
-    },
-    // 模块规则
-    module: {
-      rules: []
-    },
-    // 插件配置
-    plugins: []
-  }
-}
-```
-
-## 开发环境要求
-
-Node.js >= 14.0.0
-npm >= 6.0.0
-
-## 作者
-
-yujie.guo - 初始作者
-
-## 问题反馈
-
-如果你遇到任何问题或有任何建议，请通过以下方式联系我们：
-
-提交 Issue: [GitHub Issues](https://gitee.com/fengrengame/qtnode/issues)
-邮件联系: 296963166@qq.com