vue cli打包文件优化工具 webpack-bundle-analyzer

安装webpack-bundle-analyzer插件npm intall webpack-bundle-analyzer –save-dev在build/webpack.prod.config.js中添加配置if (config.build.bundleAnalyzerReport) {const BundleAnalyzerPlugin = require('we...

不讨喜--

5349人浏览 · 2018-04-09 16:34:26

不讨喜-- · 2018-04-09 16:34:26 发布

安装webpack-bundle-analyzer插件

npm intall webpack-bundle-analyzer –save-dev

在build/webpack.prod.config.js中添加配置

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

在package.json的scripts中添加配置

“analyz”: “NODE_ENV=production npm_config_report=true npm run build”
运行命令

npm run analyz
运行结果

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}$/, //不连续的两位字母// /^