Vue性能优化分析工具：webpack-bundle-analyzer打包文件分析

一、安装npm intall webpack-bundle-analyzer –save-dev二、配置在build/webpack.prod.config.js中的module.exports = webpackConfig这句话的上面增加if (config.build.bundleAnalyzerReport) {const BundleAnalyzerPlugin...

执笔看墨花开

7494人浏览 · 2018-07-16 16:02:48

执笔看墨花开 · 2018-07-16 16:02:48 发布

###一、安装
npm intall webpack-bundle-analyzer –save-dev

###二、配置
在build/webpack.prod.config.js中的module.exports = webpackConfig这句话的上面增加

if (config.build.bundleAnalyzerReport) {
  const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
  webpackConfig.plugins.push(new BundleAnalyzerPlugin())
}

###三、运行
使用命令npm run build --report

###四、结果
项目使用的库的分析图

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^