akfun 5.1.16 → 5.1.17

package/module/main.js

@@ -13,7 +13,7 @@ const aliBOS = require('../src/oss/aliBos.js');
 const baiduBOS = require('../src/oss/baiduBos.js');
 
 // 新增：配置管理和环境管理
-const configManager = require('../src/config/ConfigManager');
+const configManager = require('../src/manage/ConfigManager');
 const { validateConfig } = require('../src/utils/configValidator');
 
 module.exports = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "akfun",
-  "version": "5.1.16",
+  "version": "5.1.17",
   "description": "前端脚手架：支持Vue技术栈和react技术栈",
   "keywords": [
     "前端工程",
@@ -51,6 +51,7 @@
   "dependencies": {
     "@babel/cli": "^7.17.0",
     "@babel/core": "^7.17.0",
+    "@babel/polyfill": "^7.10.1",
     "@babel/eslint-parser": "^7.17.0",
     "@babel/plugin-proposal-class-properties": "^7.16.7",
     "@babel/plugin-proposal-decorators": "^7.17.0",
@@ -68,7 +69,7 @@
     "@babel/preset-typescript": "^7.16.7",
     "@babel/register": "^7.17.0",
     "@mapbox/stylelint-processor-arbitrary-tags": "^0.4.0",
-    "@rollup/plugin-alias": "^6.0.0",
+    "@rollup/plugin-alias": "^5.1.1",
     "@rollup/plugin-babel": "^6.1.0",
     "@rollup/plugin-commonjs": "^29.0.0",
     "@rollup/plugin-image": "^3.0.3",
@@ -88,7 +89,6 @@
     "chalk": "^4.0.0",
     "compression-webpack-plugin": "^9.2.0",
     "connect-history-api-fallback": "^2.0.0",
-    "core-js": "^3.47.0",
     "copy-webpack-plugin": "^10.2.4",
     "css-loader": "^6.6.0",
     "css-minimizer-webpack-plugin": "^3.4.1",

package/src/config/babel.config.js

@@ -1,15 +1,16 @@
 module.exports = {
+  sourceType: 'module', // 明确指定源类型为 ES 模块，以支持 import/export 语法
   presets: [
     [
       '@babel/preset-env',
       {
         loose: true,
         modules: false, // 是否启用将ES6模块语法转换为其他模块类型的功能，当前设置为false，以便webpack进行tree shaking。
+        /*
+        备注：后续升级babel版本时，再启用此配置
         useBuiltIns: 'usage', // 按需引入 polyfill，替代 @babel/polyfill
         corejs: 3, // 使用 core-js 3.x 版本
-        targets: {
-          browsers: ['> 1%', 'last 2 versions', 'not ie <= 8']
-        }
+        */
       }
     ],
     ['@babel/preset-react'],

package/src/config/index.js

@@ -15,7 +15,7 @@ module.exports = (akfunConfig) => {
   const mergedConfig = configManager.mergeConfig(akfunConfig);
 
   // 校验当前项目配置
-  configManager.validateConfig(mergedConfig);
+  configManager.validateConfig();
 
   return mergedConfig;
 };

package/src/config/rollup.config.js

@@ -7,7 +7,7 @@ const commonjs = require('@rollup/plugin-commonjs'); // 识别cmd模块
 const vue = require('rollup-plugin-vue');
 const json = require('@rollup/plugin-json'); // 识别json类型文件
 const image = require('@rollup/plugin-image'); // 图片处理器
-const { terser } = require('@rollup/plugin-terser'); // 压缩
+const terser = require('@rollup/plugin-terser'); // 压缩
 const alias = require('@rollup/plugin-alias'); // 简写配置
 // css相关处理器
 const postcss = require('rollup-plugin-postcss');
@@ -21,7 +21,7 @@ const postcssPresetEnv = require('postcss-preset-env');
 const cssnano = require('cssnano');
 // 处理svg文件
 const svgr = require('@svgr/rollup');
-const { externals } = require('rollup-plugin-node-externals');
+const { nodeExternals } = require('rollup-plugin-node-externals');
 const { resolveToCurrentRoot, resolveToCurrentDist } = require('../utils/pathUtils'); // 统一路径解析
 const babelConfig = require('./babel.config'); // Babel的配置文件
 const projectConfig = require('./index'); // 引入当前项目配置文件
@@ -68,7 +68,7 @@ module.exports = function (fileName, akfunConfig) {
        * excludeList（在akfun.config.js中配置）
        * 设置打包中应该排除的依赖
        */
-      externals({
+      nodeExternals({
         include: build2esm.excludeList || []
         // exclude: ['./**', '../**'], // 排除所有相对路径模块
         // deps: true, // 只标记 node_modules 中的依赖

package/src/manage/ConfigManager.js

@@ -148,12 +148,12 @@ class ConfigManager {
   }
 
   /**
-   * 验证配置
+   * 验证当前项目的配置（仅验证 userConfig 中的配置）
    * @returns {Object} 验证后的配置
    */
   validateConfig() {
-    if (!this.mergedConfig) {
-      this.mergeConfig();
+    if (!this.userConfig) {
+      return this.userConfig;
     }
 
     try {
@@ -163,7 +163,7 @@ class ConfigManager {
       // 如果有配置验证器，使用它
       try {
         const { validateConfig } = require('../utils/configValidator');
-        return validateConfig(this.mergedConfig);
+        return validateConfig(this.userConfig);
       } catch (error) {
         // 如果配置验证器不存在或出错，只进行基础验证
         if (process.env.AKFUN_DEBUG) {
@@ -171,7 +171,7 @@ class ConfigManager {
         }
       }
 
-      return this.mergedConfig;
+      return this.userConfig;
     } catch (error) {
       console.error(chalk.red('\n❌ 配置验证失败:'));
       console.error(chalk.red(`   ${error.message}\n`));
@@ -184,7 +184,7 @@ class ConfigManager {
    * @private
    */
   _validateBasicConfig() {
-    const config = this.mergedConfig;
+    const config = this.userConfig;
 
     // 验证必需的配置项
     if (config.dev && typeof config.dev !== 'object') {

package/src/utils/configValidator.js

@@ -379,9 +379,9 @@ class ConfigValidator {
       return;
     }
 
-    if (portNum < 1024 && process.platform !== 'win32') {
+    if (portNum < 1024 && process.platform === 'win32') {
       this.warnings.push(
-        `${fieldName} (${portNum}) 小于 1024，在非 Windows 系统上可能需要管理员权限`
+        `${fieldName} (${portNum}) 小于 1024，在 Windows 系统上可能需要管理员权限。`
       );
     }
   }

package/src/webpack/webpack.base.conf.js

@@ -13,6 +13,7 @@ const vueLoaderConfig = require('./vue-loader.conf');
 const { resolve, resolveToCurrentRoot } = require('../utils/pathUtils');
 const getProjectDir = require('../utils/getProjectDir');
 const catchVuePages = require('../utils/catchVuePages'); // 用于获取当前项目中的vue单文件
+const getProjectConfig = require('../config/index'); // 用于获取当前项目配置文件
 const babelConfig = require('../config/babel.config'); // Babel的配置文件
 const { buildBanner } = require('../utils/akfunParams');
 const getJsEntries = require('../utils/jsEntries');
@@ -28,10 +29,11 @@ const BannerPack = new webpack.BannerPlugin({
  * webpack.base.conf.js
  * 主要用于设置 rules 和 通用插件
  * _curEnvConfig: 执行环境中的配置，用于记录 dev、build、build2lib 等对应的配置内容；
- * config：完整的配置对象
+ * _akfunConfig：完整的配置对象
  */
-module.exports = (_curEnvConfig, config, buildMode = 'build') => {
+module.exports = (_curEnvConfig, _akfunConfig, buildMode = 'build') => {
   const curEnvConfig = _curEnvConfig || {}; // 用于接收当前运行环境配置变量
+  let config = _akfunConfig || getProjectConfig(); // 优先使用外部传进来的项目配置
   // 获取当前项目配置文件中的webpack配置
   const curWebpackConfig = config.webpack;
   // 获取当前项目目录

package/src/webpack/webpack.dev.conf.js

@@ -3,11 +3,13 @@ const path = require('path');
 const { merge } = require('webpack-merge');
 const utils = require('./loaderUtils');
 const getBaseWebpackConfig = require('./webpack.base.conf'); // 获取webpack基本配置
+const getProjectConfig = require('../config/index'); // 用于获取当前项目配置文件
 const entrys2htmlWebpackPlugin = require('../utils/entrys2htmlWebpackPlugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 // const CssMinimizerPlugin = require("css-minimizer-webpack-plugin");
 
-module.exports = (config) => {
+module.exports = (akfunConfig) => {
+  let config = akfunConfig || getProjectConfig(); // 优先使用外部传进来的项目配置
   const curEnvConfig = config.dev || {}; // 当前执行环境配置
   // 获取webpack基本配置
   const baseWebpackConfig = getBaseWebpackConfig(curEnvConfig, config, 'dev');

package/src/webpack/webpack.library.conf.js

@@ -6,14 +6,16 @@ const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPl
 const deepMergeConfig = require('../utils/deepMergeConfig');
 
 const utils = require('./loaderUtils');
+const getProjectConfig = require('../config/index'); // 用于获取当前项目配置文件
 const getBaseWebpackConfig = require('./webpack.base.conf');
 
 /**
  * 第三方库 webpack 配置，用于构建第三方库（仅构建可用的 umd 模块，其构建产物不会注入到 html 中）
- * @param {*} config 当前项目配置
+ * @param {*} akfunConfig 当前项目配置
  * @returns
  */
-module.exports = (config) => {
+module.exports = (akfunConfig) => {
+  let config = akfunConfig || getProjectConfig(); // 优先使用外部传进来的项目配置
   const curEnvConfig = config.build2lib || {}; // 当前执行环境配置
   // 获取webpack基本配置
   const baseWebpackConfig = getBaseWebpackConfig(curEnvConfig, config, 'build2lib');

package/src/webpack/webpack.prod.conf.js

@@ -11,6 +11,7 @@ const CompressionWebpackPlugin = require('compression-webpack-plugin');
 const utils = require('./loaderUtils');
 const { resolve } = require('../utils/pathUtils'); // 统一路径解析
 const entrys2htmlWebpackPlugin = require('../utils/entrys2htmlWebpackPlugin');
+const getProjectConfig = require('../config/index'); // 用于获取当前项目配置文件
 const getBaseWebpackConfig = require('./webpack.base.conf');
 
 /**
@@ -18,7 +19,8 @@ const getBaseWebpackConfig = require('./webpack.base.conf');
  * @param {*} akfunConfig 当前项目配置
  * @returns
  */
-module.exports = (config) => {
+module.exports = (akfunConfig) => {
+  let config = akfunConfig || getProjectConfig(); // 默认使用执行命令目录下的配置数据
   const curEnvConfig = config.build || {}; // 当前执行环境配置
   // 获取webpack基本配置
   const baseWebpackConfig = getBaseWebpackConfig(curEnvConfig, config, 'build');