首先引入webpack-bundle-analyzer插件,分析打包后的vendor

1.安装
$ npm install webpack-bundle-analyzer –save-dev

2.配置
在vue.config.js文件中的chainWebpack配置插件,默认会在8888端口打开

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

uniapp下写法:编译后,会同时带一份报告,可查看 stat, parsed, gzip 三种状态的文件大小。

pluginOptions: {  
    webpackBundleAnalyzer: {  
      openAnalyzer: process.env.NODE_ENV === 'production'  
    }  
}

 

作者 admin

百度广告效果展示