webpack-bundle-analyzer安装

使用webpack-bundle-analyzer可以可视化文件资源来直观的查看文件大小。
输入命令【npm/cnpm install --save-dev webpack-bundle-analyzer】安装webpack-bundle-analyzer

安装后在vue.config.js的module.exports内配置

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

运行npm run serve等待后,会自动打开网页http://127.0.0.1:8888/

QQ截图20201026203153.jpg

标签: none

添加新评论