akfun 1.5.10 → 1.5.15

package/README.md

@@ -1,13 +1,14 @@
 # AKFun 前端脚手架
-> AKFun 是一个基于 Webpack4.0 和 rollup 的前端多场景打包工具，支持多种技术栈：Vue技术栈、React技术栈、React&TS技术栈(开发中)
-- 技术栈：node/webpack4.0/rollup/express/babel/eslint/stylelint
+> AKFun 是一个基于 Webpack4.0 和 rollup 的前端多场景打包工具，支持多种技术栈：Vue技术栈、React技术栈、React&TS技术栈
+- 核心理念：提供完整&全面的前端工程能力，并尽可能屏蔽掉前端工程相关配置，让开发者更专注业务研发工作。
+- 技术栈：node/webpack4.0/rollup/babel/eslint/stylelint
 
 ## 特性
 - ⚡️ 零配置，开箱即用
 - 👏 支持Vue和React项目的调试和构建
 - 📤 支持单页面和多页面
-- 💪 提供三种构建场景: 本地开发调试模式(包含热更新、接口代理等功能)、构建生产环境代码、library库的构建(支持umd和esm的打包能力)
-- ❤️ 开放配置能力: 可配置构建入口文件、是否开启ESLint代码规范检测、接口代理配置等
+- 💪 提供三种构建场景: 本地开发模式(包含热更新、接口代理等功能)、生产环境代码构建、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项目模板
@@ -144,7 +145,7 @@ $ yarn add akfun --dev 或者 npm i akfun --save-dev
 
 6. **关于多页面**
     1. 当akfun.config.js的entry只有一个入口配置，且对应的构建入口文件不存在时，AKFun会自动从src/pages中获取构建入口（支持多页面多模板）
-    2. 多页面模式下，会自动将src/pages中以.ts、.tsx、.js、.jsx结尾（对应的匹配正则：/\.[tj]sx?$/）的文件作为构建入口文件
+    2. 多页面模式下，会自动将src/pages中以.ts、.tsx、.js、.jsx结尾（对应的匹配正则：/\.[tj]sx?$/）的文件作为构建入口文件，同时将同名的html文件作为当前页面模板
 
 7. **关于多页面多模板**
     1. 只有dev和build的构建过程中才会使用到页面模板，build2lib构建中不会将打包完成的代码输出到页面模板中
@@ -245,7 +246,31 @@ module.exports = {
 }
 ```
 
-7. 项目源码环境变量批量替换
+7. 打包忽略node_modules配置项: ignoreNodeModules（默认为false）
+> 打包过程中，忽略node_modules中的依赖文件，不注入到bundle中，减少最后生成代码体积
+```bash
+module.exports = {
+  ...
+  webpack: {
+    ignoreNodeModules: true,
+  }
+  ...
+}
+```
+
+8. 是否生成ts声明文件配置项: createDeclaration（默认为false）
+> 构建ts项目中，可以选择是否生成ts声明文件
+```bash
+module.exports = {
+  ...
+  webpack: {
+    createDeclaration: true,
+  }
+  ...
+}
+```
+
+9. 项目源码环境变量批量替换
 > [关于params-replace-loader的使用方法](https://www.npmjs.com/package/params-replace-loader)
 ```bash
 module.exports = {
@@ -264,7 +289,7 @@ module.exports = {
 }
 ```
 
-7. 接口代理配置：目前只有dev本地开发调试模式下会启动
+10. 接口代理配置：目前只有dev本地开发调试模式下会启动
 > [关于proxyTable的配置方法](https://www.webpackjs.com/configuration/dev-server/#devserver-proxy)
 ```bash
 module.exports = {
@@ -277,7 +302,7 @@ module.exports = {
 }
 ```
 
-8、用于开启本地调试模式的相关配置信息
+11. 用于开启本地调试模式的相关配置信息
 ```bash
 module.exports = {
   ...
@@ -301,7 +326,7 @@ module.exports = {
 }
 ```
 
-9、用于构建生产环境代码的相关配置信息
+12. 用于构建生产环境代码的相关配置信息
 ```bash
 module.exports = {
   ...
@@ -319,7 +344,7 @@ module.exports = {
 }
 ```
 
-10、用于构建第三方功能包的配置（以umd格式输出）
+13. 用于构建第三方功能包的配置（以umd格式输出）
 ```bash
 module.exports = {
   ...
@@ -338,7 +363,7 @@ module.exports = {
 }
 ```
 
-11、用于构建esm格式的第三方功能包配置
+14. 用于构建esm格式的第三方功能包配置
 ```bash
 module.exports = {
   ...

package/bin/akfun.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-require('../build/index');
+require('../module/index');

package/{build → module}/akfunInit.js

@@ -3,15 +3,16 @@ const gitClone = require('../src/utils/gitClone');
 const templateList = {
   'vue': 'git@github.com:wibetter/akfun-vue-template.git',
   'react': 'git@github.com:wibetter/akfun-react-template.git',
+  'react&ts': 'git@github.com:wibetter/akfun-react-ts-template.git',
   'library': 'git@github.com:wibetter/json-utils.git',
   'json-editor': 'git@github.com:wibetter/json-editor.git',
   'json-schema-editor': 'git@github.com:wibetter/json-schema-editor.git',
   'pigNews': 'git@github.com:wibetter/pigNews.git',
 };
 
-const akfunInit = function (type, dist, projectName) {
+const akfunInit = function (type, dir, projectName) {
   const currentTemplateUrl = templateList[type || 'react'];
-  gitClone(currentTemplateUrl, dist || 'akfunProject', () => {});
+  gitClone(currentTemplateUrl, dir || 'akfunProject', () => {});
 };
 
 module.exports = akfunInit;

package/{build → module}/index.js

@@ -25,7 +25,7 @@ const bigTip = figlet.textSync('AKFun', {
 });
 
 console.log(chalk.green(bigTip));
-console.log(`当前版本：v${akfunPackage.version}.\n`);
+console.log(chalk.green(`当前版本：v${akfunPackage.version}.\n`));
 
 let argv = yargs
   .command(
@@ -55,6 +55,7 @@ let argv = yargs
         akfunInit(argv.type, argv.dir, argv.name);
       } else {
         const questions = [];
+        // 初始化项目模板时，当用户未设置项目类型type时，以列表形式展示当前可以使用的项目模板
         if (!argv.type) {
           questions.push({
             name : 'type',
@@ -67,6 +68,11 @@ let argv = yargs
                 value : 'react',
                 short : 'react',
               },
+              {
+                name : 'react&ts项目',
+                value : 'react&ts',
+                short : 'react&ts',
+              },
               {
                 name : 'vue项目',
                 value : 'vue',
@@ -80,6 +86,7 @@ let argv = yargs
             ],
           });
         }
+        // 当用户未设置存放项目的目录地址时，提示用户
         if (!argv.dir) {
           questions.push({
             name : 'dir',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "akfun",
-  "version": "1.5.10",
+  "version": "1.5.15",
   "description": "前端脚手架：支持Vue技术栈和react技术栈",
   "keywords": [
     "前端工程",
@@ -10,19 +10,19 @@
     "vue项目脚手架",
     "lib库构建工具"
   ],
-  "author": "ldan@wibetter",
+  "author": "wibetter",
   "license": "MIT",
   "bin": {
     "akfun": "./bin/akfun.js"
   },
-  "main": "build/main.js",
+  "main": "module/main.js",
   "scripts": {
     "akfun": "akfun",
     "format": "prettier --write \"src/**/**/*.{js,vue,tsx,ts,scss,json}\""
   },
   "files": [
     "bin/*",
-    "build/*",
+    "module/*",
     "src/*"
   ],
   "husky": {
@@ -152,7 +152,8 @@
     "webpack-dev-middleware": "^3.7.2",
     "webpack-hot-middleware": "^2.25.0",
     "webpack-merge": "^4.2.2",
-    "yargs": "^12.0.2"
+    "yargs": "^12.0.2",
+    "webpack-node-externals": "^3.0.0"
   },
   "devDependencies": {
     "@commitlint/cli": "^8.3.5",

package/src/config/.eslintrc.ts.js

@@ -83,5 +83,8 @@ module.exports = {
     'object-curly-newline': 0, // 该规则在对象文字括号或销毁分配中强制使用一致的换行符
     'operator-linebreak': [0, 'before'], // 换行时运算符在行尾还是行首
     'max-len': ['warn', { code: 150 }]
+  },
+  linterOptions: {
+    exclude: ['node_modules']
   }
 };

package/src/config/index.js

@@ -7,7 +7,7 @@ const getConfigObj = require('../utils/getConfigObj');
 /** akfun脚手架赋予当前项目的默认配置
  * 备注：项目根目录的akfun.config.js的配置内容优先级高于defultAKFunConfig
  */
-const defultAKFunConfig = {
+const defaultAKFunConfig = {
   settings: {
     enableESLint: false, // 是否开启ESLint，默认开启ESLint检测代码格式
     enableESLintFix: false, // 是否ESLint自动修正代码格式
@@ -26,6 +26,8 @@ const defultAKFunConfig = {
         $utils: resolve('src/utils')
       }
     },
+    createDeclaration: false, // 打包时是否创建ts声明文件
+    ignoreNodeModules: false, // 打包时是否忽略 node_modules
     externals: [], // 从输出的 bundle 中排除依赖
     sassResources: []
   },
@@ -56,13 +58,7 @@ const defultAKFunConfig = {
     assetsPublicPath: '/', // 设置静态资源的引用路径（根域名+路径）
     assetsSubDirectory: '',
     hostname: 'localhost',
-    proxyTable: {
-      '/apiTest': {
-        target: 'http://api-test.com.cn', // 不支持跨域的接口根地址
-        ws: true,
-        changeOrigin: true
-      }
-    },
+    proxyTable: {},
     /** CSS Sourcemaps off by default because relative paths are "buggy"
      * with this option, according to the CSS-Loader README
      * (https://github.com/webpack/css-loader#sourcemaps)
@@ -105,10 +101,10 @@ const defultAKFunConfig = {
 };
 
 // 从项目根目录获取当前项目的配置文件
-const curProjectConfg = getConfigObj(resolve('akfun.config.js'));
+const curProjectConfig = getConfigObj(resolve('akfun.config.js'));
 
-// module.exports = Object.assign(defultAKFunConfig, curProjectConfg);
+// module.exports = Object.assign(defaultAKFunConfig, curProjectConfig);
 
 const overwriteMerge = (destinationArray, sourceArray, options) => sourceArray;
 // 备注：数组类型则直接覆盖
-module.exports = deepMerge(defultAKFunConfig, curProjectConfg, { arrayMerge: overwriteMerge });
+module.exports = deepMerge(defaultAKFunConfig, curProjectConfig, { arrayMerge: overwriteMerge });

package/src/config/tsconfig.json

@@ -1,15 +1,68 @@
 {
   "compilerOptions": {
-    "rootDir": "ts",
-    "target": "es2019",
-    "lib": [
-      "es2019",
-      "dom"
-    ],
-    "module": "commonjs",
-    "esModuleInterop": true,
-    "strict": true,
-    "sourceMap": true
+    "experimentalDecorators": true,
+    /* Basic Options */
+    "target": "esnext",
+    /* 指定编译之后的版本: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */
+    "module": "esnext" /* 指定要使用的模板标准: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */,
+    // "lib": [],                             /* Specify library files to be included in the compilation. */
+    "allowJs": false /* 指定是否允许编译JS文件，默认false,即不编译JS文件. */,
+    // "checkJs": true,                       /* 指定是否检查和报告JS文件中的错误，默认false */
+    "jsx": "react" /* 指定jsx代码用于的开发环境:'preserve','react-native', or 'react'. */,
+    "declaration": false /* 指定是否在编译的时候生成相的d.ts声明文件 */,
+    // "declarationMap": true,                /* 指定编译时是否生成.map文件 */
+    // "sourceMap": true,                     /* 指定编译时是否生成.map文件 */
+    // "outFile": "./",                       /* 指定输出文件合并为一个文件 */
+    // "outDir": "dist", /* 指定输出文件夹，值为一个文件夹路径字符串，输出的文件都将放置在这个文件夹*/
+    // "rootDir": "src", /* 指定编译文件的根目录，编译器会在根目录查找入口文件 */
+    // "composite": true,                     /* 是否编译构建引用项目 */
+    // "removeComments": true,                /* 指定是否将编译后的文件注释删掉，设为true的话即删除注释，默认为false */
+    "noEmit": true /* 不生成编译文件 */,
+    "importHelpers": true /* 指定是否引入tslib里的复制工具函数，默认为false */,
+    // "downlevelIteration": true,            /* 当target为"ES5"或"ES3"时，为"for-of" "spread"和"destructuring"中的迭代器提供完全支持 */
+    "isolatedModules": true /* 指定是否将每个文件作为单独的模块，默认为true */,
+
+    /* Strict Type-Checking Options */
+    "strict": true /* 指定是否启动所有类型检查 */,
+    "noImplicitAny": true /* Raise error on expressions and declarations with an implied 'any' type. */,
+    "strictNullChecks": true /* Enable strict null checks. */,
+    // "strictFunctionTypes": true,           /* Enable strict checking of function types. */
+    // "strictPropertyInitialization": true,  /* Enable strict checking of property initialization in classes. */
+    "noImplicitThis": true /* Raise error on 'this' expressions with an implied 'any' type. */,
+    // "alwaysStrict": true,                  /* Parse in strict mode and emit "use strict" for each source file. */
+
+    /* Additional Checks */
+    "noUnusedLocals": true /* Report errors on unused locals. */,
+    // "noUnusedParameters": true,            /* Report errors on unused parameters. */
+    "noImplicitReturns": true /* Report error when not all code paths in function return a value. */,
+    // "noFallthroughCasesInSwitch": true,    /* Report errors for fallthrough cases in switch statement. */
+
+    /* Module Resolution Options */
+    "moduleResolution": "node" /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */,
+    "baseUrl": "./" /* Base directory to resolve non-absolute module names. */,
+    // "paths": {},                           /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
+    // "rootDirs": [],                        /* List of root folders whose combined content represents the structure of the project at runtime. */
+    "typeRoots": [
+      "./@types",
+      "./node_modules/@types"
+    ] /* 指定声明文件或文件夹的路径列表，如果指定了此项，则只有在这里列出的声明文件才会被加载 */,
+    // "types": [],                           /* 指定需要包含的模块，只有在这里列出的模块的声明文件才会被加载 */
+    "allowSyntheticDefaultImports": true /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */,
+    "esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */,
+    // "preserveSymlinks": true,              /* Do not resolve the real path of symlinks. */
+
+    /* Source Map Options */
+    // "sourceRoot": "./",                    /* Specify the location where debugger should locate TypeScript files instead of source locations. */
+    // "mapRoot": "./",                       /* Specify the location where debugger should locate map files instead of generated locations. */
+    // "inlineSourceMap": true,               /* Emit a single file with source maps instead of having a separate file. */
+    // "inlineSources": true,                 /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */
+
+    /* Experimental Options */
+    // "experimentalDecorators": true,        /* Enables experimental support for ES7 decorators. */
+    // "emitDecoratorMetadata": true,         /* Enables experimental support for emitting type metadata for decorators. */
+    "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */,
+    "suppressImplicitAnyIndexErrors": true /* Suppress --noImplicitAny errors for indexing objects lacking index signatures. See issue #1232 for more details. */
   },
+  "include": ["src"],
   "exclude": ["node_modules"]
 }

package/src/initData/akfun-package.json

@@ -1,6 +1,6 @@
 {
   "name": "akfun",
-  "version": "1.2.5",
+  "version": "1.2.12",
   "description": "前端脚手架：支持Vue技术站和react技术栈",
   "keywords": ["前端工程", "前端脚手架", "webpack"],
   "author": "ldan@wibetter",
@@ -8,14 +8,14 @@
   "bin": {
     "akfun": "./bin/akfun.js"
   },
-  "main": "build/main.js",
+  "main": "module/main.js",
   "scripts": {
     "akfun": "akfun",
     "lint": "eslint --ext .js,.vue src",
     "lintFix": "eslint --ext .js,.vue src --fix",
     "format": "prettier --write \"src/**/**/*.{js,vue,tsx,ts,scss,json}\""
   },
-  "files": ["bin/*", "build/*", "src/*"],
+  "files": ["bin/*", "module/*", "src/*"],
   "husky": {
     "hooks": {
       "pre-commit": "lint-staged",

package/src/utils/getConfigObj.js

@@ -2,7 +2,7 @@ const glob = require('glob');
 
 const fileExists = function (fileDir) {
   let exists = false;
-  const files = glob.sync(fileDir);
+  const files = glob.sync(fileDir); // 同步读取本地文件
   if (files.length > 0) {
     exists = true;
   }

package/src/utils/gitClone.js

@@ -4,17 +4,17 @@ const gitclone = require('git-clone');
 const rm = require('rimraf').sync;
 const { resolveToCurrentRoot } = require('../utils/pathUtils');
 
-function gitClone(gitUrl, dist, callback) {
+function gitClone(gitUrl, dir, callback) {
   const spinner = ora('[akfun]正在加载项目模板...').start();
   gitclone(
     gitUrl,
-    resolveToCurrentRoot(dist),
+    resolveToCurrentRoot(dir),
     {
       checkout: 'master'
     },
     (err) => {
       if (err === undefined) {
-        rm(resolveToCurrentRoot(path.resolve(dist, '.git')));
+        rm(resolveToCurrentRoot(path.resolve(dir, '.git')));
         spinner.succeed('[akfun]项目模板加载完成！');
         callback();
       } else {

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

@@ -28,7 +28,12 @@ const BannerPack = new webpack.BannerPlugin({
   entryOnly: true // 只在入口 chunks 文件中添加
 });
 
-module.exports = () => {
+/**
+ * webpack.base.conf.js
+ * 主要用于设置 rules 和 通用插件
+ */
+module.exports = (option) => {
+  const curEnvConfig = option || {}; // 用于接收当前运行环境配置变量
   const webpackConfig = {
     entry: config.webpack.entry,
     /*
@@ -67,7 +72,13 @@ module.exports = () => {
             },
             {
               loader: 'ts-loader',
-              options: { configFile: path.resolve(__dirname, '../config/tsconfig.json') }
+              options: {
+                // configFile: path.resolve(__dirname, '../config/tsconfig.json')
+                compilerOptions: {
+                  declaration: config.webpack.createDeclaration || false,
+                  outDir: curEnvConfig.assetsRoot || './dist'
+                }
+              }
             }
           ],
           include: [resolve('src')],
@@ -135,7 +146,6 @@ module.exports = () => {
       new VueLoaderPlugin()
     ]
   };
-
   // 是否开启ESLint
   if (config.settings.enableESLint) {
     // ts类型

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

@@ -13,8 +13,9 @@ const entrys2htmlWebpackPlugin = require('../utils/entrys2htmlWebpackPlugin');
 const { isArray } = require('../utils/typeof');
 
 module.exports = () => {
+  const curEnvConfig = config.dev || {}; // 当前执行环境配置
   // 获取webpack基本配置
-  const baseWebpackConfig = getBaseWebpackConfig();
+  const baseWebpackConfig = getBaseWebpackConfig(curEnvConfig);
 
   // 获取页面模板地址
   let curHtmlTemplate = path.resolve(__dirname, '../initData/template/index.html');
@@ -23,21 +24,21 @@ module.exports = () => {
   }
 
   const webpackDevConfig = merge(baseWebpackConfig, {
-    mode: config.dev.NODE_ENV, // development模式，会启动NamedChunksPlugin、NamedModulesPlugin服务
+    mode: curEnvConfig.NODE_ENV, // development模式，会启动NamedChunksPlugin、NamedModulesPlugin服务
     output: {
-      publicPath: config.dev.assetsPublicPath // 引用地址：配置发布到线上资源的URL前缀
+      publicPath: curEnvConfig.assetsPublicPath // 引用地址：配置发布到线上资源的URL前缀
     },
     module: {
       rules: utils.styleLoaders({
-        sourceMap: config.dev.cssSourceMap,
+        sourceMap: curEnvConfig.cssSourceMap,
         environment: 'dev'
       })
     },
     // cheap-module-eval-source-map is faster for development
-    devtool: '#cheap-module-eval-source-map',
+    devtool: '#source-map', // '#cheap-module-eval-source-map',
     plugins: [
       new webpack.DefinePlugin({
-        'process.env.NODE_ENV': JSON.stringify(config.dev.NODE_ENV) // vue-router中根据此变量判断执行环境
+        'process.env.NODE_ENV': JSON.stringify(curEnvConfig.NODE_ENV) // vue-router中根据此变量判断执行环境
       }),
       // https://github.com/glenjamin/webpack-hot-middleware#installation--usage
       new webpack.HotModuleReplacementPlugin(),
@@ -48,8 +49,8 @@ module.exports = () => {
   });
 
   // 集成dev配置中的构建入口（优先级高于config.webpack.entry）
-  if (config.dev.entry) {
-    webpackDevConfig.entry = config.dev.entry; // 备注：会覆盖config.webpack.entry的配置
+  if (curEnvConfig.entry) {
+    webpackDevConfig.entry = curEnvConfig.entry; // 备注：会覆盖config.webpack.entry的配置
   }
 
   // 多页面多模板支持能力
@@ -81,7 +82,7 @@ module.exports = () => {
     }
   }
 
-  // 使用用户自定义的多入口配置，生产对应的多页面多模板
+  // 使用用户自定义的多入口配置，生产对应的多页面多模板（优先使用用户的自定义页面模板）
   const htmlWebpackPluginList = entrys2htmlWebpackPlugin(webpackDevConfig.entry, curHtmlTemplate);
   htmlWebpackPluginList.forEach((htmlWebpackPlugin) => {
     webpackDevConfig.plugins.push(htmlWebpackPlugin);

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

@@ -6,6 +6,7 @@ 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');
 // 引入当前项目配置文件
@@ -13,30 +14,33 @@ const config = require('../config/index');
 const getBaseWebpackConfig = require('./webpack.base.conf');
 
 module.exports = () => {
+  const curEnvConfig = config.build2lib || {}; // 当前执行环境配置
   // 获取webpack基本配置
-  const baseWebpackConfig = getBaseWebpackConfig();
+  const baseWebpackConfig = getBaseWebpackConfig(curEnvConfig);
 
   const webpackLibConfig = merge(baseWebpackConfig, {
-    mode: config.build2lib.NODE_ENV, // production 模式，会启动UglifyJsPlugin服务
+    mode: curEnvConfig.NODE_ENV, // production 模式，会启动UglifyJsPlugin服务
     output: {
-      path: config.build2lib.assetsRoot, // 输出文件的存放在本地的目录
+      path: curEnvConfig.assetsRoot, // 输出文件的存放在本地的目录
       filename: '[name].umd.js',
       publicPath: '',
-      library: config.build2lib.libraryName, // 指定类库名,主要用于直接引用的方式(比如使用script 标签)
+      library: curEnvConfig.libraryName, // 指定类库名,主要用于直接引用的方式(比如使用script 标签)
       globalObject: 'this', // 定义全局变量,兼容node和浏览器运行，避免出现"window is not defined"的情况
       libraryTarget: 'umd' // 定义打包方式Universal Module Definition,同时支持在CommonJS、AMD和全局变量使用
     },
     module: {
       rules: utils.styleLoaders({
-        sourceMap: config.build2lib.productionSourceMap,
+        sourceMap: curEnvConfig.productionSourceMap,
         environment: 'prod'
       })
     },
-    devtool: config.build2lib.productionSourceMap ? '#source-map' : false, // '#source-map': 源码，false：压缩代码
-    externals: config.webpack.externals,
+    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(config.build2lib.NODE_ENV)
+        'process.env.NODE_ENV': JSON.stringify(curEnvConfig.NODE_ENV)
       }),
       new MiniCssExtractPlugin({
         filename: utils.assetsPath('index.css'),
@@ -53,10 +57,10 @@ module.exports = () => {
   });
 
   // 是否开启Gzip
-  if (config.build2lib.productionGzip) {
+  if (curEnvConfig.productionGzip) {
     webpackLibConfig.plugins.push(
       new CompressionWebpackPlugin({
-        test: new RegExp(`\\.(${config.build2lib.productionGzipExtensions.join('|')})$`),
+        test: new RegExp(`\\.(${curEnvConfig.productionGzipExtensions.join('|')})$`),
         filename: '[path].gz[query]',
         algorithm: 'gzip',
         threshold: 240,
@@ -65,13 +69,13 @@ module.exports = () => {
     );
   }
 
-  if (config.build2lib.bundleAnalyzerReport) {
+  if (curEnvConfig.bundleAnalyzerReport) {
     webpackLibConfig.plugins.push(new BundleAnalyzerPlugin());
   }
 
   // 集成构建入口相关的配置
-  if (config.build2lib.entry) {
-    webpackLibConfig.entry = config.build2lib.entry; // 会覆盖config.webpack.entry的配置
+  if (curEnvConfig.entry) {
+    webpackLibConfig.entry = curEnvConfig.entry; // 会覆盖config.webpack.entry的配置
   }
 
   return webpackLibConfig;

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

@@ -10,6 +10,7 @@ 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 utils = require('./loaderUtils');
 const { resolve } = require('../utils/pathUtils'); // 统一路径解析
@@ -21,8 +22,9 @@ const config = require('../config/index');
 const getBaseWebpackConfig = require('./webpack.base.conf');
 
 module.exports = () => {
+  const curEnvConfig = config.build || {}; // 当前执行环境配置
   // 获取webpack基本配置
-  const baseWebpackConfig = getBaseWebpackConfig();
+  const baseWebpackConfig = getBaseWebpackConfig(curEnvConfig);
   // 获取页面模板地址
   let curHtmlTemplate = path.resolve(__dirname, '../initData/template/index.html');
   if (config.webpack.template) {
@@ -30,21 +32,32 @@ module.exports = () => {
   }
 
   const webpackProdConfig = merge(baseWebpackConfig, {
-    mode: config.build2lib.NODE_ENV, // production 模式，会启动UglifyJsPlugin服务
+    mode: curEnvConfig.NODE_ENV, // production 模式，会启动UglifyJsPlugin服务
+    /*
+     内置变量列表：
+     id: chunk的唯一标识，从0开始；
+     name: chunk的名称；
+     hash: chunk的唯一标识的Hash值；
+     chunkhash: chunk内容的Hash值；
+     其中hash和chunkhash的长度是可以指定的，[hash:8]代表取8位的Hash值，默认是20位。
+     */
     output: {
-      path: config.build.assetsRoot, // 输出文件的存放在本地的目录
-      publicPath: config.build.assetsPublicPath, // 引用地址：配置发布到线上资源的URL前缀
+      path: curEnvConfig.assetsRoot, // 输出文件的存放在本地的目录
+      publicPath: curEnvConfig.assetsPublicPath, // 引用地址：配置发布到线上资源的URL前缀
       filename: utils.assetsPath('scripts/chunk/[name].[contenthash:8].js'),
       chunkFilename: utils.assetsPath('scripts/chunk/[name].[contenthash:8].js')
     },
     module: {
       rules: utils.styleLoaders({
-        sourceMap: config.build.productionSourceMap,
+        sourceMap: curEnvConfig.productionSourceMap,
         environment: 'prod'
       })
     },
+    externals: config.webpack.ignoreNodeModules
+      ? [nodeExternals()].concat(config.webpack.externals)
+      : config.webpack.externals,
     // devtool: '#cheap-module-eval-source-map', // 本地开发环境中的取值
-    devtool: config.build.productionSourceMap ? '#source-map' : false, // 线上开发环境中的取值
+    devtool: curEnvConfig.productionSourceMap ? '#source-map' : false, // 线上开发环境中的取值
     optimization: {
       splitChunks: {
         cacheGroups: {
@@ -67,7 +80,7 @@ module.exports = () => {
     plugins: [
       // http://vuejs.github.io/vue-loader/en/workflow/production.html
       new webpack.DefinePlugin({
-        'process.env.NODE_ENV': JSON.stringify(config.build.NODE_ENV) // vue-router中根据此变量判断执行环境
+        'process.env.NODE_ENV': JSON.stringify(curEnvConfig.NODE_ENV) // vue-router中根据此变量判断执行环境
       }),
       new MiniCssExtractPlugin({
         filename: utils.assetsPath('css/[name].[contenthash:8].css'),
@@ -94,9 +107,9 @@ module.exports = () => {
   });
 
   // 集成build配置中的构建入口
-  if (config.build.entry) {
+  if (curEnvConfig.entry) {
     // 会覆盖config.webpack.entry的配置
-    webpackProdConfig.entry = config.build.entry;
+    webpackProdConfig.entry = curEnvConfig.entry;
   }
 
   // 多页面支持能力
@@ -143,7 +156,7 @@ module.exports = () => {
         patterns: [
           {
             from: resolve('public'), // 从这里拷贝
-            to: config.build.assetsSubDirectory // 将根目录下的public内的资源复制到指定文件夹
+            to: curEnvConfig.assetsSubDirectory // 将根目录下的public内的资源复制到指定文件夹
           }
         ]
       })
@@ -151,10 +164,10 @@ module.exports = () => {
   }
 
   // 是否要进行压缩工作
-  if (config.build.productionGzip) {
+  if (curEnvConfig.productionGzip) {
     webpackProdConfig.plugins.push(
       new CompressionWebpackPlugin({
-        test: new RegExp(`\\.(${config.build.productionGzipExtensions.join('|')})$`),
+        test: new RegExp(`\\.(${curEnvConfig.productionGzipExtensions.join('|')})$`),
         filename: '[path].gz[query]',
         algorithm: 'gzip',
         threshold: 240,
@@ -163,7 +176,7 @@ module.exports = () => {
     );
   }
 
-  if (config.build.bundleAnalyzerReport) {
+  if (curEnvConfig.bundleAnalyzerReport) {
     webpackProdConfig.plugins.push(new BundleAnalyzerPlugin());
   }
 

package/src/config/tsconfig-1.json

@@ -1,66 +0,0 @@
-{
-  "compilerOptions": {
-    "experimentalDecorators": true,
-    /* Basic Options */
-    "target": "esnext" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */,
-    "module": "esnext" /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */,
-    // "lib": [],                             /* Specify library files to be included in the compilation. */
-    "allowJs": false /* Allow javascript files to be compiled. */,
-    // "checkJs": true,                       /* Report errors in .js files. */
-    "jsx": "react" /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */,
-    "declaration": false /* Generates corresponding '.d.ts' file. */,
-    // "declarationMap": true,                /* Generates a sourcemap for each corresponding '.d.ts' file. */
-    // "sourceMap": true,                     /* Generates corresponding '.map' file. */
-    // "outFile": "./",                       /* Concatenate and emit output to single file. */
-    "outDir": "dist" /* Redirect output structure to the directory. */,
-    "rootDir": "src" /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */,
-    // "composite": true,                     /* Enable project compilation */
-    // "removeComments": true,                /* Do not emit comments to output. */
-    "noEmit": true /* Do not emit outputs. */,
-    "importHelpers": true /* Import emit helpers from 'tslib'. */,
-    // "downlevelIteration": true,            /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */
-    "isolatedModules": true /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */,
-
-    /* Strict Type-Checking Options */
-    "strict": true /* Enable all strict type-checking options. */,
-    "noImplicitAny": true /* Raise error on expressions and declarations with an implied 'any' type. */,
-    "strictNullChecks": true /* Enable strict null checks. */,
-    // "strictFunctionTypes": true,           /* Enable strict checking of function types. */
-    // "strictPropertyInitialization": true,  /* Enable strict checking of property initialization in classes. */
-    "noImplicitThis": true /* Raise error on 'this' expressions with an implied 'any' type. */,
-    // "alwaysStrict": true,                  /* Parse in strict mode and emit "use strict" for each source file. */
-
-    /* Additional Checks */
-    "noUnusedLocals": true /* Report errors on unused locals. */,
-    // "noUnusedParameters": true,            /* Report errors on unused parameters. */
-    "noImplicitReturns": true /* Report error when not all code paths in function return a value. */,
-    // "noFallthroughCasesInSwitch": true,    /* Report errors for fallthrough cases in switch statement. */
-
-    /* Module Resolution Options */
-    "moduleResolution": "node" /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */,
-    "baseUrl": "." /* Base directory to resolve non-absolute module names. */,
-    // "paths": {},                           /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
-    // "rootDirs": [],                        /* List of root folders whose combined content represents the structure of the project at runtime. */
-    "typeRoots": [
-      "./@types",
-      "./node_modules/@types"
-    ] /* List of folders to include type definitions from. */,
-    // "types": [],                           /* Type declaration files to be included in compilation. */
-    "allowSyntheticDefaultImports": true /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */,
-    "esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */,
-    // "preserveSymlinks": true,              /* Do not resolve the real path of symlinks. */
-
-    /* Source Map Options */
-    // "sourceRoot": "./",                    /* Specify the location where debugger should locate TypeScript files instead of source locations. */
-    // "mapRoot": "./",                       /* Specify the location where debugger should locate map files instead of generated locations. */
-    // "inlineSourceMap": true,               /* Emit a single file with source maps instead of having a separate file. */
-    // "inlineSources": true,                 /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */
-
-    /* Experimental Options */
-    // "experimentalDecorators": true,        /* Enables experimental support for ES7 decorators. */
-    // "emitDecoratorMetadata": true,         /* Enables experimental support for emitting type metadata for decorators. */
-    "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */,
-    "suppressImplicitAnyIndexErrors": true /* Suppress --noImplicitAny errors for indexing objects lacking index signatures. See issue #1232 for more details. */
-  },
-  "exclude": ["node_modules"]
-}