為優化vue專案性能,需要使用webpack-bundle-analyzer分析報檔案，找出最占用空間的插件有哪些，對應做出優化
網上看了一些網站，有的寫的太麻煩了，現將最簡單的一種寫出來供大家參考
安裝：
npm install webpack-bundle-analyzer --save-dev
vue.config.js配置
module.exports = { chainWebpack: config => { config .plugin('webpack-bundle-analyzer') .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin) } }
運行命令
npm run serve
訪問 http://localhost:8888
注意8888埠是寫死的，不可以更改，如果本地已經啟動了8888埠，會報錯
頁面展示
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/180430.html
標籤：JavaScript
上一篇：svg-sprite-loader ( svg-icon) 使用
下一篇：nodeJS微信JSDK 配置