在優(yōu)化項目的時候,每次打包后只知道包文件大,卻不知道那個文件大,那個文件還有優(yōu)化的空間,所以,推薦一款工具,只要在項目中安裝配置一下,便可以一目了然的呈現(xiàn)出打包后資源所占的比例,接下來上教程:
1. 安裝
yarn add vue-cli-plugin-webpack-bundle-analyzer -D
// or
npm i vue-cli-plugin-webpack-bundle-analyzer -D
2. 重啟項目, 會默認(rèn)啟動一個8888的端口, 按照提示訪問, 就可以看到了
文章來源:http://www.zghlxwxcb.cn/news/detail-838001.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-838001.html
到了這里,關(guān)于Vue項目性能分析工具: vue-cli-plugin-webpack-bundle-analyzer的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!