akfun 3.2.9 → 3.2.10

package/README.md

@@ -1,17 +1,17 @@
 # AKFun 前端脚手架
-> AKFun 是一个基于 Webpack4.0 和 rollup 的前端多场景打包工具，支持多种技术栈：Vue技术栈、React技术栈、React&TS技术栈
+> AKFun 是一个基于 Webpack 和 rollup 的前端多场景打包工具，支持多种技术栈：Vue技术栈、React技术栈、React&TS技术栈
 - 核心理念：提供完整&全面的前端工程能力，并尽可能屏蔽掉前端工程相关配置，让开发者更专注业务研发工作。
-- 技术栈：node/webpack4.0/rollup/babel/eslint/stylelint
+- 技术栈：node/webpack/rollup/babel/eslint/stylelint
 
 ## 特性
 - ⚡️ 零配置，开箱即用
 - 👏 支持Vue和React项目的调试和构建
-- 📤 支持单页面和多页面
-- 💪 提供三种构建场景: 本地开发模式(包含热更新、接口代理等功能)、生产环境代码构建、library库构建(支持umd和esm的打包能力)
-- ❤️ 开放配置能力: 可配置构建入口文件、开启ESLint代码检测、接口代理等
-- 👍 支持 [Autoprefixer](https://github.com/postcss/autoprefixer#readme)、[Sass](https://sass-lang.com/)、[PostCSS](https://postcss.org/)、[ESLint](http://eslint.cn/)、[StyleLint](https://stylelint.io/)
-- ❤️ 支持项目系统参数自动批量替换 [params-replace-loader](https://www.npmjs.com/package/params-replace-loader)
-- 😀 提供完整的Vue和React项目模板
+- 支持单页面和多页面
+- 提供三种构建场景: 本地开发模式(包含热更新、接口代理等功能)、生产环境代码构建、library库构建(支持umd和esm的打包能力)
+- 开放配置能力: 可配置构建入口文件、开启ESLint代码检测、接口代理等
+- 支持 [Autoprefixer](https://github.com/postcss/autoprefixer#readme)、[Sass](https://sass-lang.com/)、[PostCSS](https://postcss.org/)、[ESLint](http://eslint.cn/)、[StyleLint](https://stylelint.io/)
+- 支持项目系统参数自动批量替换 [params-replace-loader](https://www.npmjs.com/package/params-replace-loader)
+- 提供完整的Vue和React项目模板
 
 ## 快速开始 / 使用方法一
 > 全局安装AKFun，用于同时管理多个前端项目代码（可使用AKFun创建一个新项目）

package/package.json

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

package/src/config/default.config.js

@@ -12,6 +12,7 @@ const defaultAKFunConfig = {
     enableStyleLintFix: false // 是否需要StyleLint自动修正代码格式
   },
   webpack: {
+    target: ['web', 'es5'],
     resolve: {
       // webpack的resolve配置
       extensions: ['.js', '.jsx', '.ts', '.tsx', '.vue', '.json'], // 用于配置webpack在尝试过程中用到的后缀列表

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

@@ -22,7 +22,13 @@ module.exports = (akfunConfig) => {
     curHtmlTemplate = config.webpack.template; // akfun.config.js中的webpack配置
   }
 
+  let curTarget = ['web', 'es5'];
+  if (config.webpack.target) {
+    curTarget = config.webpack.target; // akfun.config.js中的webpack配置
+  }
+
   const webpackDevConfig = merge(baseWebpackConfig, {
+    target: curTarget,
     mode: curEnvConfig.NODE_ENV, // development模式，会启动NamedChunksPlugin、NamedModulesPlugin服务
     output: {
       publicPath: curEnvConfig.assetsPublicPath // 引用地址：配置发布到线上资源的URL前缀

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

@@ -15,7 +15,13 @@ module.exports = (akfunConfig) => {
   // 获取webpack基本配置
   const baseWebpackConfig = getBaseWebpackConfig(curEnvConfig, config);
 
+  let curTarget = ['web', 'es5'];
+  if (config.webpack.target) {
+    curTarget = config.webpack.target; // akfun.config.js中的webpack配置
+  }
+
   const webpackLibConfig = merge(baseWebpackConfig, {
+    target: curTarget,
     mode: curEnvConfig.NODE_ENV, // production 模式，会启动UglifyJsPlugin服务
     output: {
       path: curEnvConfig.assetsRoot, // 输出文件的存放在本地的目录

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

@@ -26,7 +26,13 @@ module.exports = (akfunConfig) => {
     curHtmlTemplate = config.webpack.template; // akfun.config.js中的webpack配置
   }
 
+  let curTarget = ['web', 'es5'];
+  if (config.webpack.target) {
+    curTarget = config.webpack.target; // akfun.config.js中的webpack配置
+  }
+
   const webpackProdConfig = merge(baseWebpackConfig, {
+    target: curTarget,
     mode: curEnvConfig.NODE_ENV, // production 模式，会启动UglifyJsPlugin服务
     /*
      内置变量列表：