当前位置:   article > 正文

vite打包优化:压缩打包文件大小(vite-plugin-compression)_vitecompression

vitecompression

github地址:https://github.com/vbenjs/vite-plugin-compression

使用:

安装 (yarn or npm)

node version: >=12.0.0

vite version: >=2.0.0

yarn add vite-plugin-compression -D

or

npm i vite-plugin-compression -D

使用

  • vite.config.ts 中的配置插件
import viteCompression from 'vite-plugin-compression';

export default () => {
  return {
    plugins: [viteCompression()],
  };
};

配置说明

参数类型默认值说明
verbosebooleantrue是否在控制台输出压缩结果
filterRegExp or (file: string) => booleanDefaultFilter指定哪些资源不压缩
disablebooleanfalse是否禁用
thresholdnumber-体积大于 threshold 才会被压缩,单位 b
algorithmstringgzip压缩算法,可选 [ 'gzip' , 'brotliCompress' ,'deflate' , 'deflateRaw']
extstring.gz生成的压缩包后缀
compressionOptionsobject-对应的压缩算法的参数
deleteOriginFileboolean-压缩后是否删除源文件

示例(vite.config.ts中):

  1. export default defineConfig({
  2. plugins: [
  3. vue(),
  4. viteCompression({
  5. verbose: true,
  6. disable: false,
  7. deleteOriginFile: false,
  8. threshold: 5120,
  9. algorithm: "gzip",
  10. ext: ".gz",
  11. }),
  12. ],
  13. });

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/运维做开发/article/detail/892145
推荐阅读
相关标签
  

闽ICP备14008679号