怎么在vue-cli3中配置webpack-bundle-analyzer插件

這期內容當中小編將會給大家?guī)碛嘘P怎么在vue-cli3中配置webpack-bundle-analyzer插件，文章內容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

創(chuàng)新互聯(lián)建站專注于企業(yè)成都營銷網(wǎng)站建設、網(wǎng)站重做改版、芮城網(wǎng)站定制設計、自適應品牌網(wǎng)站建設、H5網(wǎng)站設計、購物商城網(wǎng)站建設、集團公司官網(wǎng)建設、外貿網(wǎng)站制作、高端網(wǎng)站制作、響應式網(wǎng)頁設計等建站業(yè)務，價格優(yōu)惠性價比高，為芮城等各大城市提供網(wǎng)站開發(fā)制作服務。

安裝：

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端口，會報錯

頁面展示

上述就是小編為大家分享的怎么在vue-cli3中配置webpack-bundle-analyzer插件了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

文章名稱：怎么在vue-cli3中配置webpack-bundle-analyzer插件
本文網(wǎng)址：http://bm7419.com/article10/goiogo.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁設計公司、品牌網(wǎng)站制作、網(wǎng)站內鏈、企業(yè)網(wǎng)站制作、微信小程序、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)