vueCli 查看打包后文件的大小占比

在package.json文件中在build 后面加上一个 --report"build": "vue-cli-service build --report"我们打开文件之后就会看到一个可视化的文件占比

优秀的土豆丝

8464人浏览 · 2020-04-28 15:27:22

优秀的土豆丝 · 2020-04-28 15:27:22 发布

1. 执行以下命令安装

cnpm install webpack-bundle-analyzer --save-dev

2. vue.config.js 配置

chainWebpack: config => {
    // 查看打包文件体积大小
    config
      .plugin('webpack-bundle-analyzer')
      .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin)
  }

3. 在package.json文件中在 build 后面加上一个 --report

  "build": "vue-cli-service build --report"

在这里插入图片描述
我们打开http://127.0.0.1:8888之后就会看到一个可视化的文件占比

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