performance.printFileSize

  • 类型:
type PrintFileSizeOptions =
  | {
      /**
       * 是否输出所有静态资源文件的总体积
       */
      total?: boolean;
      /**
       * 是否输出每个静态资源文件的体积
       */
      detail?: boolean;
      /**
       * 是否输出 gzip 压缩后的体积
       */
      compressed?: boolean;
    }
  | boolean;
  • 默认值: true

是否在生产模式构建后输出所有静态资源文件的体积。

默认输出

默认输出的日志如下:

File (web)                              Size        Gzip
  dist/static/js/lib-react.b0714b60.js    140.4 kB    45.0 kB
  dist/static/js/index.f3fde9c7.js        1.9 kB      0.97 kB
  dist/index.html                         0.39 kB     0.25 kB
  dist/static/css/index.2960ac62.css      0.35 kB     0.26 kB

  Total: 143.0 kB (gzip: 46.3 kB)

禁用输出

如果不需要输出任何信息,可以将 printFileSize 置为 false 将其禁用:

export default {
  performance: {
    printFileSize: false,
  },
};

自定义输出

你可以通过选项来自定义输出的格式。

  • 如果不需要输出每个静态资源文件的体积,可以把 detail 设置为 false,此时仅输出总体积:
export default {
  performance: {
    printFileSize: {
      detail: false,
    },
  },
};
  • 如果不需要输出 gzip 压缩后的体积,可以把 compressed 设置为 false,这在大型项目中可以节省一些 gzip 计算的耗时:
export default {
  performance: {
    printFileSize: {
      compressed: false,
    },
  },
};