前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vue(typescript) 使用webpack-bundle-analyzer

vue(typescript) 使用webpack-bundle-analyzer

原创
作者头像
无忧366
发布2020-08-28 17:11:06
8680
发布2020-08-28 17:11:06
举报
文章被收录于专栏:Hello world

1.安装

代码语言:javascript
复制
npm intall webpack-bundle-analyzer

2.vue.config.js中配置

代码语言:javascript
复制
 chainWebpack: config => {
        if(process.env.NODE_ENV === 'production'){
               if(process.env.npm_config_report){
                      config.plugin('webpack-bundle-analyzer')
                      .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin)
                      .end();
                      config.plugins.delete('prefetch');
                }
         }
 }

3.package.json scripts中添加

代码语言:javascript
复制
 "analyze":"cross-env NODE_ENV=production npm_config_report=true npm run build"
 或者
 "analyze": "npm_config_report=true npm run build"

4.运行

代码语言:javascript
复制
npm run analyze

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.安装
  • 2.vue.config.js中配置
  • 3.package.json scripts中添加
  • 4.运行
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档