# vite-plugin-codecompression

**Repository Path**: wuzech126/vite-plugin-codecompression

## Basic Information

- **Project Name**: vite-plugin-codecompression
- **Description**: 对 vite 打包输出目录进行代码压缩、图片压缩、对整个目录打包成 .zip 包

该项目参考：
1、https://github.com/vbenjs/vite-plugin-compression
2、https://github.com/vbenjs/vite-plugin-imagemin
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-05-09
- **Last Updated**: 2022-08-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vite-plugin, code-compression, image-compression, zip

## README

# 安装
yarn add vite-plugin-codecompression -D

或

npm i vite-plugin-codecompression -D

cnpm install vite-plugin-codecompression -D

# vite 使用
```js
  import { defineConfig } from 'vite';
  import vue from '@vitejs/plugin-vue';
  import vitePluginCodecompression from "vite-plugin-codecompression";

  export default defineConfig({
    plugins: [
      vue(),
      vitePluginCodecompression()
    ]
  })
  // 或
  export default defineConfig({
    plugins: [
      vue(),
      vitePluginCodecompression({
        codeCompression: {
          disable: false,
          filter: /\.(js|mjs|json|css|html)$/i,
          verbose:true,
          threshold: 1025,
          compressionOptions: {},
          deleteOriginFile: false,
          success: () => {}
        },
        imageCompression: {
          disable: false,
          filter: /\.(png|jpeg|gif|jpg|bmp|svg)$/i,
          gifsicle: {
            optimizationLevel: 7,
            interlaced: false
          },
          mozjpeg: {
            quality: 20
          },
          optipng: {
            optimizationLevel: 7
          },
          pngquant: {
            quality: [0.8, 0.9],
            speed: 4
          },
          svgo: {
            plugins: [
              {
                name: "removeViewBox"
              },
              {
                name: "removeEmptyAttrs",
                active: false
              }
            ]
          },
          success: () => {}
        },
        fileZip: {
          target: ''
          disable: false,
          success: () => {}
        }
      })
    ]
  })
```