vite 插件和常用配置

插件

1、vite提供的vitejs/plugin-vue

import vue from '@vitejs/plugin-vue'

plugins: [
   vue()
]

2、打包文件压缩插件

GitHub：

vite-plugin-compression/README.zh_CN.md at main · vbenjs/vite-plugin-compression · GitHub

npm install vite-plugin-compression -D

import compressPlugin from 'vite-plugin-compression'
plugins: [
    compressPlugin({
        deleteOriginFile:true
    })
]

配置

1、跨域

server: {
    host: 'localhost',
    port: 8080,
    open: true, 
    proxy: {
      [env.VITE_APP_BASE_API]: {
      target: 'xxx',
      changeOrigin: true,
      rewrite: path => path.replace(new RegExp('^' + env.VITE_APP_BASE_API), '')
      }
    }
},

2、别名配置

resolve: {
   // Vite 设置别名路径
   alias: {
   "@": path.resolve("./src"),  // @ 代替 src
   }
}