89 lines
2.9 KiB
TypeScript
89 lines
2.9 KiB
TypeScript
import {UserConfig, ConfigEnv, loadEnv} from 'vite'
|
|
import vue from '@vitejs/plugin-vue'
|
|
import viteSvgIcons from 'vite-plugin-svg-icons';
|
|
// 如果编辑器提示 path 模块找不到，则可以安装一下 @types/node -> npm i @types/node -D
|
|
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(),
|
|
viteSvgIcons({
|
|
// 指定需要缓存的图标文件夹
|
|
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://localhost:9999',
|
|
changeOrigin: true,
|
|
rewrite: path => path.replace(new RegExp('^' + env.VITE_APP_BASE_API), '')
|
|
}
|
|
}
|
|
},
|
|
resolve: {
|
|
// Vite2设置别名路径方式一
|
|
// alias:{
|
|
// "/@":path.resolve("./src"), // 相对路径别名配置，@表示src
|
|
// },
|
|
// Vite2设置别名路径方式二
|
|
alias: [
|
|
{
|
|
find: "@",
|
|
replacement: path.resolve("./src")
|
|
},
|
|
{
|
|
find: "@image",
|
|
replacement: path.resolve("./src/assets/images")
|
|
},
|
|
{
|
|
find: "@router",
|
|
replacement: path.resolve("./src/router")
|
|
},
|
|
{
|
|
find: "@store",
|
|
replacement: path.resolve("./src/store")
|
|
},
|
|
{
|
|
find: "@api",
|
|
replacement: path.resolve("./src/api")
|
|
},
|
|
{
|
|
find: "@utils",
|
|
replacement: path.resolve("./src/utils")
|
|
},
|
|
{
|
|
find: "@views",
|
|
replacement: path.resolve("./src/views")
|
|
},
|
|
{
|
|
find: "@styles",
|
|
replacement: path.resolve("./src/styles")
|
|
},
|
|
]
|
|
}
|
|
}
|
|
|
|
|
|
)
|
|
}
|
|
|
|
|
|
|
|
|
|
|