akfun 1.6.6 → 1.6.10

package/README.md

@@ -253,6 +253,7 @@ module.exports = {
   ...
   webpack: {
     ignoreNodeModules: true,
+    allowList: [], // 用于配置会注入bundle中的依赖包（ignoreNodeModules为true时生效）
   }
   ...
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "akfun",
-  "version": "1.6.6",
+  "version": "1.6.10",
   "description": "前端脚手架：支持Vue技术栈和react技术栈",
   "keywords": [
     "前端工程",

package/src/build2esm.js

@@ -34,8 +34,8 @@ module.exports = function (fileName, akfunConfig, _consoleTag) {
     // 参数中的config配置优先级最高
     config = deepMergeConfig(defaultConfig, akfunConfig);
   }
-  const spinner = ora(`${consoleTag}开启esm lib库的构建能力...`).start();
-  const curRollupConfig = rollupConfig(fileName); // 默认配置
+  const spinner = ora(`${consoleTag}开启esm模块构建能力...`).start();
+  const curRollupConfig = rollupConfig(fileName, config); // 默认配置
   const build2esm = config.build2esm; // 用户的项目配置
   if (build2esm && build2esm.input) {
     curRollupConfig.input = build2esm.input;

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

@@ -3,6 +3,7 @@ const webpack = require('webpack');
 // const tsImportPluginFactory = require('ts-import-plugin'); // 按需加载lib库组件代码
 const StyleLintPlugin = require('stylelint-webpack-plugin');
 const VueLoaderPlugin = require('vue-loader/lib/plugin');
+const nodeExternals = require('webpack-node-externals');
 const utils = require('./loaderUtils');
 const vueLoaderConfig = require('./vue-loader.conf');
 const { resolve, resolveToCurrentRoot } = require('../utils/pathUtils');
@@ -12,6 +13,9 @@ const catchVuePages = require('../utils/catchVuePages'); // 用于获取当前
 const config = require('../config/index');
 const babelConfig = require('../config/babel.config'); // Babel的配置文件
 const {buildBanner} = require("../utils/akfunParams");
+const getJsEntries = require('../utils/jsEntries');
+const { isArray } = require('../utils/typeof');
+const fs = require('fs');
 
 
 // 生成构建头部信息
@@ -46,6 +50,11 @@ module.exports = (_curEnvConfig, _curWebpackConfig) => {
      * 当webpack试图去加载模块的时候，它默认是查找以 .js 结尾的文件的
      */
     resolve: curWebpackConfig.resolve,
+    externals: config.webpack.ignoreNodeModules
+      ? [nodeExternals({
+        allowlist: config.webpack.allowList ? config.webpack.allowList : []
+      })].concat(config.webpack.externals)
+      : config.webpack.externals,
     module: {
       rules: [
         {
@@ -141,6 +150,45 @@ module.exports = (_curEnvConfig, _curWebpackConfig) => {
       new VueLoaderPlugin()
     ]
   };
+  // 优先使用执行环境中的配置
+  if (curEnvConfig.ignoreNodeModules) {
+    const allowList = curEnvConfig.allowList || config.webpack.allowList;
+    webpackConfig.externals = [nodeExternals({
+      allowlist: allowList || [],
+    })].concat(curEnvConfig.externals || config.webpack.externals);
+  }
+  // 集成构建入口相关的配置（优先级更高）
+  if (curEnvConfig.entry) {
+    webpackConfig.entry = curEnvConfig.entry; // 会覆盖config.webpack.entry的配置
+  }
+  // 多页面多模板支持能力
+  let entryConfig = webpackConfig.entry || {}; // 获取构建入口配置
+  const entryFiles = (entryConfig && Object.keys(entryConfig)) || [];
+
+  if (
+    !webpackConfig.entry ||
+    JSON.stringify(webpackConfig.entry) === '{}' ||
+    entryFiles.length === 0
+  ) {
+    // 如果当前构建入口为空，则自动从'./src/pages/'中获取入口文件
+    webpackConfig.entry = getJsEntries();
+  } else if (webpackConfig.entry && entryFiles.length === 1) {
+    /**
+     * 只有一个构建入口文件，且项目中不存在此文件，则自动从'./src/pages/'中获取构建入口文件
+     */
+    const filename = entryFiles[0];
+    let entryFilePath = entryConfig[filename];
+    // 当前entryFilePath可能是一个地址字符串，也可能是一个存储多个文件地址的数组
+    if (isArray(entryFilePath)) {
+      // 如果是数组则自动获取最后一个文件地址
+      entryFilePath = entryFilePath[entryFilePath.length - 1];
+    }
+    if (!fs.existsSync(entryFilePath)) {
+      // 如果仅有的构建入口文件不存在，则自动从'./src/pages/'中获取入口文件
+      const curJsEntries = getJsEntries();
+      webpackConfig.entry = curJsEntries ? curJsEntries : webpackConfig.entry;
+    }
+  }
   // 是否开启ESLint
   if (config.settings.enableESLint) {
     // ts类型

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

@@ -1,4 +1,3 @@
-const fs = require('fs');
 const webpack = require('webpack');
 const path = require('path');
 const merge = require('webpack-merge');
@@ -8,9 +7,7 @@ const utils = require('./loaderUtils');
 // 引入当前项目配置文件
 const projectConfig = require('../config/index');
 const getBaseWebpackConfig = require('./webpack.base.conf');
-const getJsEntries = require('../utils/jsEntries');
 const entrys2htmlWebpackPlugin = require('../utils/entrys2htmlWebpackPlugin');
-const { isArray } = require('../utils/typeof');
 
 module.exports = (akfunConfig) => {
   let config = akfunConfig || projectConfig; // 默认使用执行命令目录下的配置数据
@@ -49,40 +46,6 @@ module.exports = (akfunConfig) => {
     ]
   });
 
-  // 集成dev配置中的构建入口（优先级高于config.webpack.entry）
-  if (curEnvConfig.entry) {
-    webpackDevConfig.entry = curEnvConfig.entry; // 备注：会覆盖config.webpack.entry的配置
-  }
-
-  // 多页面多模板支持能力
-  let entryConfig = webpackDevConfig.entry || {}; // 获取构建入口配置
-  const entryFiles = (entryConfig && Object.keys(entryConfig)) || [];
-
-  if (
-    !webpackDevConfig.entry ||
-    JSON.stringify(webpackDevConfig.entry) === '{}' ||
-    entryFiles.length === 0
-  ) {
-    // 如果当前构建入口为空，则自动从'./src/pages/'中获取入口文件
-    webpackDevConfig.entry = getJsEntries();
-  } else if (webpackDevConfig.entry && entryFiles.length === 1) {
-    /**
-     * 只有一个构建入口文件，且项目中不存在此文件，则自动从'./src/pages/'中获取构建入口文件
-     */
-    const filename = entryFiles[0];
-    let entryFilePath = entryConfig[filename];
-    // 当前entryFilePath可能是一个地址字符串，也可能是一个存储多个文件地址的数组
-    if (isArray(entryFilePath)) {
-      // 如果是数组则自动获取最后一个文件地址
-      entryFilePath = entryFilePath[entryFilePath.length - 1];
-    }
-    if (!fs.existsSync(entryFilePath)) {
-      // 如果仅有的构建入口文件不存在，则自动从'./src/pages/'中获取入口文件
-      const curJsEntries = getJsEntries();
-      webpackDevConfig.entry = curJsEntries ? curJsEntries : webpackDevConfig.entry;
-    }
-  }
-
   // 使用用户自定义的多入口配置，生产对应的多页面多模板（优先使用用户的自定义页面模板）
   const htmlWebpackPluginList = entrys2htmlWebpackPlugin(webpackDevConfig.entry, curHtmlTemplate);
   htmlWebpackPluginList.forEach((htmlWebpackPlugin) => {

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

@@ -6,7 +6,6 @@ const CompressionWebpackPlugin = require('compression-webpack-plugin');
 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
 const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin');
 const ProgressBarPlugin = require('progress-bar-webpack-plugin');
-const nodeExternals = require('webpack-node-externals');
 
 const utils = require('./loaderUtils');
 // 引入当前项目配置文件
@@ -36,9 +35,6 @@ module.exports = (akfunConfig) => {
       })
     },
     devtool: curEnvConfig.productionSourceMap ? '#source-map' : false, // '#source-map': 源码，false：压缩代码
-    externals: config.webpack.ignoreNodeModules
-      ? [nodeExternals()].concat(config.webpack.externals)
-      : config.webpack.externals,
     plugins: [
       new webpack.DefinePlugin({
         'process.env.NODE_ENV': JSON.stringify(curEnvConfig.NODE_ENV)
@@ -46,7 +42,7 @@ module.exports = (akfunConfig) => {
       new MiniCssExtractPlugin({
         // filename: utils.assetsPath('index.css'),
         filename: "[name].css",
-        chunkFilename: "[id].css",
+        chunkFilename: "[name].css",
         ignoreOrder: false
       }),
       new OptimizeCSSPlugin({
@@ -76,10 +72,5 @@ module.exports = (akfunConfig) => {
     webpackLibConfig.plugins.push(new BundleAnalyzerPlugin());
   }
 
-  // 集成构建入口相关的配置
-  if (curEnvConfig.entry) {
-    webpackLibConfig.entry = curEnvConfig.entry; // 会覆盖config.webpack.entry的配置
-  }
-
   return webpackLibConfig;
 };

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

@@ -10,14 +10,11 @@ const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPl
 const CompressionWebpackPlugin = require('compression-webpack-plugin');
 const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin');
 const ProgressBarPlugin = require('progress-bar-webpack-plugin');
-const nodeExternals = require('webpack-node-externals');
 const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
 
 const utils = require('./loaderUtils');
 const { resolve } = require('../utils/pathUtils'); // 统一路径解析
-const getJsEntries = require('../utils/jsEntries');
 const entrys2htmlWebpackPlugin = require('../utils/entrys2htmlWebpackPlugin');
-const { isArray } = require('../utils/typeof');
 // 引入当前项目配置文件
 const projectConfig = require('../config/index');
 const getBaseWebpackConfig = require('./webpack.base.conf');
@@ -55,9 +52,6 @@ module.exports = (akfunConfig) => {
         environment: 'prod'
       })
     },
-    externals: config.webpack.ignoreNodeModules
-      ? [nodeExternals()].concat(config.webpack.externals)
-      : config.webpack.externals,
     // devtool: '#cheap-module-eval-source-map', // 本地开发环境中的取值
     devtool: curEnvConfig.productionSourceMap ? '#source-map' : false, // 线上开发环境中的取值
     optimization: {
@@ -108,41 +102,6 @@ module.exports = (akfunConfig) => {
     ]
   });
 
-  // 集成build配置中的构建入口
-  if (curEnvConfig.entry) {
-    // 会覆盖config.webpack.entry的配置
-    webpackProdConfig.entry = curEnvConfig.entry;
-  }
-
-  // 多页面支持能力
-  let entryConfig = webpackProdConfig.entry || {}; // 获取构建入口配置
-  const entryFiles = (entryConfig && Object.keys(entryConfig)) || [];
-
-  if (
-    !webpackProdConfig.entry ||
-    JSON.stringify(webpackProdConfig.entry) === '{}' ||
-    entryFiles.length === 0
-  ) {
-    // 自动从'./src/pages/'中获取入口文件
-    webpackProdConfig.entry = getJsEntries();
-  } else if (webpackProdConfig.entry && entryFiles.length === 1) {
-    /**
-     * 只有一个构建入口文件，且项目中不存在此文件，则自动从'./src/pages/'中获取构建入口文件
-     */
-    const filename = entryFiles[0];
-    let entryFilePath = entryConfig[filename];
-    // 当前entryFilePath可能是一个地址字符串，也可能是一个存储多个文件地址的数组
-    if (isArray(entryFilePath)) {
-      // 如果是数组则自动获取最后一个文件地址
-      entryFilePath = entryFilePath[entryFilePath.length - 1];
-    }
-    if (!fs.existsSync(entryFilePath)) {
-      // 如果仅有的构建入口文件不存在，则自动从'./src/pages/'中获取入口文件
-      const curJsEntries = getJsEntries();
-      webpackProdConfig.entry = curJsEntries ? curJsEntries : webpackProdConfig.entry;
-    }
-  }
-
   // 使用用户自定义的多入口配置，生产对应的多页面多模板
   const htmlWebpackPluginList = entrys2htmlWebpackPlugin(webpackProdConfig.entry, curHtmlTemplate);