vue-cli 使用 webpack-bundle-analyzer

目前最新的cli3 ,若是沒有裝對應插件,須要手動安裝下,執行以下命令便可:vue

vue add webpack-bundle-analyzer

上述2019.10修改,如下是原文:webpack


浪費幾多時間。 纔來公司,填坑。而後發現項目打包愈來愈大。而後就滿世界找解決方法。網上看到 webpack-bundle-analyzer 這個神器。而後各類說配置 package.json 文件。而後我配置完畢各類報錯。web

折騰一番,感受玩不下去了。而後去看 vue-cli 的官方文檔。而後找到 vuejs-templates/webpack 而後再看文檔。我能說啥。看這段:vue-cli

# build for production and view the bundle analyzer report
npm run build --report

不用配置任何 script ,在 build 的時候添加參數 就好啦。而後運行一下,瀏覽器訪問 http://127.0.0.1:8888npm

而後開始填坑。。。json

clipboard.png

相關文章
相關標籤/搜索