vite 压缩输出文件 plugin_vite-plugin-compression

无安装vite-plugin-compression前

//package.json
{
....
  "dependencies": {
    "primeicons": "^6.0.1",
    "primevue": "^3.50.0",
    "vue": "^3.4.21"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^5.0.4",
    "vite": "^5.1.6"
  }
}
      
1
2
3
4
5
6
7
8
9
10
11
12
13
14

安装vite-plugin-compression

npm i vite-plugin-compression -D
1

cat package.json

{
.......
  "dependencies": {
    "primeicons": "^6.0.1",
    "primevue": "^3.50.0",
    "vue": "^3.4.21"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^5.0.4",
    "vite": "^5.1.6",
    "vite-plugin-compression": "^0.5.1"
  }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14

加入到vite.config.js plugins

import { fileURLToPath, URL } from 'node:url';
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import viteCompression from 'vite-plugin-compression';

export default defineConfig({
  plugins: [
    vue(),
    viteCompression({
      filter: /.(js|css)$/, //压缩文件的类型，default /.(js|mjs|json|css|html)$/i
      verbose: true, //控制台输出压缩结果，default true
      disable: false, //禁用压缩，default false
      deleteOriginFile: false, //是否删除原文件， default false
      threshold: 10240, //启用压缩的最小文件大小，default 0
      algorithm: 'gzip', //采用的压缩算法，default gzip
      ext: '.gz', //生成压缩文件的后缀
    }),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  }
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

npm run build