vite 压缩输出文件 plugin

最新推荐文章于 2024-09-10 09:26:25 发布

yizheng_zeng

最新推荐文章于 2024-09-10 09:26:25 发布

阅读量471

点赞数 3

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/yizheng_zeng/article/details/136902234

版权

vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

无安装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"
  }
}

安装vite-plugin-compression

npm i vite-plugin-compression -D

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"
  }
}

加入到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))
    }
  }
})