vue-cli3 使用 webpack-bundle-analyzer 分析依賴庫大小

91it發表於2019-11-10
VueWeb

一. 安裝webpack-bundle-analyzer

yarn add webpack-bundle-analyzer

二 vue.config.js檔案新增如下配置

module.exports = {    
    chainWebpack: config => {
        config
        .plugin('webpack-bundle-analyzer')
        .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin)
    },
}

三. 執行yarn serve命令跑起來

vue-cli3 使用webpack-bundle-analyzer分析依賴庫大小

相關文章