44 lines
1.5 KiB
TypeScript
44 lines
1.5 KiB
TypeScript
import { UserConfig, ConfigEnv, loadEnv } from 'vite'
|
|
import vue from '@vitejs/plugin-vue'
|
|
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
|
|
import path from 'path'
|
|
|
|
// @see: https://gitee.com/holysheng/vite2-config-description/blob/master/vite.config.ts
|
|
export default ({ command, mode }: ConfigEnv): UserConfig => {
|
|
// 获取 .env 环境配置文件
|
|
const env = loadEnv(mode, process.cwd())
|
|
|
|
return (
|
|
{
|
|
plugins: [
|
|
vue(),
|
|
createSvgIconsPlugin({
|
|
// 指定需要缓存的图标文件夹
|
|
iconDirs: [path.resolve(process.cwd(), 'src/assets/icons')],
|
|
// 指定symbolId格式
|
|
symbolId: 'icon-[dir]-[name]'
|
|
})
|
|
|
|
],
|
|
// 本地反向代理解决浏览器跨域限制
|
|
server: {
|
|
host: 'localhost',
|
|
port: Number(env.VITE_APP_PORT),
|
|
open: true, // 运行自动打开浏览器
|
|
proxy: {
|
|
[env.VITE_APP_BASE_API]: {
|
|
target: 'http://www.youlai.tech:9999',
|
|
changeOrigin: true,
|
|
rewrite: path => path.replace(new RegExp('^' + env.VITE_APP_BASE_API), '')
|
|
}
|
|
}
|
|
},
|
|
resolve: {
|
|
// Vite路径别名配置
|
|
alias: {
|
|
"@": path.resolve("./src"), // @代替src
|
|
}
|
|
}
|
|
}
|
|
)
|
|
} |