關於webpack升級和打包

webpack1.0升級（搭配的是vue）

首先要了解webpack每個配置的作用，主要參考下面的鏈接：

https://www.cnblogs.com/libin-1/p/6596810.html

https://www.jianshu.com/p/0bd6d0df79fb

https://juejin.im/post/5bd9838df265da393c06033a

因爲原本webpack版本太低  直接用vue-cli構建個新的架構然後把文件複製過去

遇到的問題：

vue-cli沒有預安裝關於scss的loader，所以要安裝

"node-sass": "^4.11.0",  "sass-loader": "^6.0.7",  vue-cli已經有配置好css打包，無需再寫關於css的loader

vue-router的版本低導致路由按需引入後頁面空白沒渲染   用回3.0.0以上的版本就可以

本地調試問題  接口代理 在config => dev => proxyTable中設置接口的代理

dev 配置assetsSubDirectory: 'addons/yun_shop/static',
如果有多用使用scoped樣式, build配置裏面allChunks關掉, 禁止合併到app.css 

打包的主css過大   把allChunks設置爲false  把每個文件設置了scoped打包到各自的js中

new ExtractTextPlugin({
  filename: utils.assetsPath('css/[name].[contenthash].css'),
  allChunks: false,
}),

npm run build --report分析打包的文件   把echats按需加載