解決webpack打包速度太慢
使用webpack插件webpack.DllPlugin與webpack.DllReferencePlugin將不需要改動(dòng)的第三方插件與自己的業(yè)務(wù)代碼進(jìn)行分開打包，
首先：
在項(xiàng)目根目錄新建一個(gè)文件webpack.dll.config.js

const path    = require('path');
const webpack = require('webpack');
module.exports = {
  entry: {
      vendor: ['vue-router','vuex','vue/dist/vue.common.js','vue/dist/vue.js','vue-loader/lib/component-normalizer.js','vue']
  },
  output: {
    path: path.resolve(base.path),
    filename: '[name].dll.js',
    library: '[name]_library'
  },
  plugins: [
    new webpack.DllPlugin({
      path: path.resolve('./dist', '[name]-manifest.json'),
      name: '[name]_library'
    })
  ]
};

將是用到的第三方插件添加到vendor中
然后：在webpack.config.js中添加代碼

plugins: [
    new webpack.DllReferencePlugin({
      manifest: require('./dist/vendor-manifest.json')
    })
  ]

還需要在入口html文件中引入vendor.dll.js

<script type="text/javascript" src="./../vendor.dll.js"></script>
// 在package.json中添加
"scripts": {
    "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
    "build:dll": "webpack --config webpack.dll.config.js"
    -----------------------------------------------------
  },

最后打包的時(shí)候首先執(zhí)行npm run build:dll命令會(huì)在打包目錄下生成
vendor-manifest.json文件與vendor.dll.js文件。
Dll這個(gè)概念應(yīng)該是借鑒了Windows系統(tǒng)的dll。一個(gè)dll包，就是一個(gè)純純的依賴庫，它本身不能運(yùn)行，是用來給你的app引用的。
打包dll的時(shí)候，Webpack會(huì)將所有包含的庫做一個(gè)索引，寫在一個(gè)manifest文件中，而引用dll的代碼（dll user）在打包的時(shí)候，只需要讀取這個(gè)manifest文件，就可以了。
然后在執(zhí)行npm run build
發(fā)現(xiàn)現(xiàn)在的webpack打包速度為2，3秒作用，與之前的20秒左右快了很多。