feat(webpack.dll): 增加 webpack dll 相关

Author: cklwblove

build/webpack.dll.conf.js

@@ -0,0 +1,40 @@
+const path = require('path');
+const webpack = require('webpack');
+const CleanWebpackPlugin = require('clean-webpack-plugin');
+
+// dll文件存放的目录
+const dllPath = '../public/vendor';
+
+module.exports = {
+  mode: 'production',
+  entry: {
+    // 需要提取的库文件
+    vendor: ['vue', 'vue-router', 'vuex'],
+    element: ['element-ui'],
+    axios: ['axios']
+  },
+  output: {
+    path: path.join(__dirname, dllPath),
+    filename: '[name].dll.js',
+    // vendor.dll.js中暴露出的全局变量名
+    // 保持与 webpack.DllPlugin 中名称一致
+    library: '[name]_[hash]'
+  },
+  plugins: [
+    // 清除之前的dll文件
+    new CleanWebpackPlugin(),
+    // 设置环境变量
+    new webpack.DefinePlugin({
+      'process.env': {
+        NODE_ENV: 'production'
+      }
+    }),
+    // manifest.json 描述动态链接库包含了哪些内容
+    new webpack.DllPlugin({
+      path: path.join(__dirname, dllPath, '[name]-manifest.json'),
+      // 保持与 output.library 中名称一致
+      name: '[name]_[hash]',
+      context: process.cwd()
+    })
+  ]
+};

package.json

@@ -6,6 +6,7 @@
   "author": "liwb <[email protected]>",
   "scripts": {
     "serve": "vue-cli-service serve",
+    "dll": "webpack -p --progress --config build/webpack.dll.conf.js",
     "build": "vue-cli-service build",
     "lint": "vue-cli-service lint",
     "deploy": "npm run build && node build/zip.ts",
@@ -74,9 +75,11 @@
     "@vue/cli-plugin-pwa": "^3.0.4",
     "@vue/cli-plugin-typescript": "^3.0.4",
     "@vue/cli-service": "^3.0.4",
+    "add-asset-html-webpack-plugin": "^3.1.3",
     "archiver": "^3.0.0",
     "chalk": "^2.4.2",
     "chokidar": "^2.1.5",
+    "clean-webpack-plugin": "^2.0.1",
     "compression-webpack-plugin": "^2.0.0",
     "connect": "^3.6.6",
     "html-webpack-include-assets-plugin": "^1.0.6",
@@ -91,7 +94,8 @@
     "typescript": "^3.2.2",
     "vue-cli-plugin-element": "^1.0.1",
     "vue-template-compiler": "^2.5.21",
-    "webpack-bundle-analyzer": "^3.0.3"
+    "webpack-bundle-analyzer": "^3.0.3",
+    "webpack-cli": "^3.3.2"
   },
   "husky": {
     "hooks": {

public/vendor/axios-manifest.json

@@ -0,0 +1 @@
+{"name":"axios_a690c116be06ebbf3952","content":{"./node_modules/axios/lib/utils.js":{"id":3,"buildMeta":{"providedExports":true}},"./node_modules/process/browser.js":{"id":18,"buildMeta":{"providedExports":true}},"./node_modules/axios/lib/defaults.js":{"id":53,"buildMeta":{"providedExports":true}},"./node_modules/axios/lib/helpers/bind.js":{"id":74,"buildMeta":{"providedExports":true}},"./node_modules/axios/lib/adapters/xhr.js":{"id":75,"buildMeta":{"providedExports":true}},"./node_modules/axios/lib/core/createError.js":{"id":76,"buildMeta":{"providedExports":true}},"./node_modules/axios/lib/cancel/isCancel.js":{"id":77,"buildMeta":{"providedExports":true}},"./node_modules/axios/lib/cancel/Cancel.js":{"id":78,"buildMeta":{"providedExports":true}},"./node_modules/axios/index.js":{"id":162,"buildMeta":{"providedExports":true}},"./node_modules/axios/lib/axios.js":{"id":163,"buildMeta":{"providedExports":true}},"./node_modules/is-buffer/index.js":{"id":164,"buildMeta":{"providedExports":true}},"./node_modules/axios/lib/core/Axios.js":{"id":165,"buildMeta":{"providedExports":true}},"./node_modules/axios/lib/helpers/normalizeHeaderName.js":{"id":166,"buildMeta":{"providedExports":true}},"./node_modules/axios/lib/core/settle.js":{"id":167,"buildMeta":{"providedExports":true}},"./node_modules/axios/lib/core/enhanceError.js":{"id":168,"buildMeta":{"providedExports":true}},"./node_modules/axios/lib/helpers/buildURL.js":{"id":169,"buildMeta":{"providedExports":true}},"./node_modules/axios/lib/helpers/parseHeaders.js":{"id":170,"buildMeta":{"providedExports":true}},"./node_modules/axios/lib/helpers/isURLSameOrigin.js":{"id":171,"buildMeta":{"providedExports":true}},"./node_modules/axios/lib/helpers/btoa.js":{"id":172,"buildMeta":{"providedExports":true}},"./node_modules/axios/lib/helpers/cookies.js":{"id":173,"buildMeta":{"providedExports":true}},"./node_modules/axios/lib/core/InterceptorManager.js":{"id":174,"buildMeta":{"providedExports":true}},"./node_modules/axios/lib/core/dispatchRequest.js":{"id":175,"buildMeta":{"providedExports":true}},"./node_modules/axios/lib/core/transformData.js":{"id":176,"buildMeta":{"providedExports":true}},"./node_modules/axios/lib/helpers/isAbsoluteURL.js":{"id":177,"buildMeta":{"providedExports":true}},"./node_modules/axios/lib/helpers/combineURLs.js":{"id":178,"buildMeta":{"providedExports":true}},"./node_modules/axios/lib/cancel/CancelToken.js":{"id":179,"buildMeta":{"providedExports":true}},"./node_modules/axios/lib/helpers/spread.js":{"id":180,"buildMeta":{"providedExports":true}}}}