vite.config.ts
2.5 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import requireTransform from 'vite-plugin-require-transform';
/*const resolve = dir => path.join(__dirname, dir);*/
// 自动导入vue中hook reactive ref等
import AutoImport from "unplugin-auto-import/vite"
//自动导入ui-组件 比如说ant-design-vue element-plus等
import Components from 'unplugin-vue-components/vite';
//element
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
import {createSvgIconsPlugin} from 'vite-plugin-svg-icons'
import path from 'path'
import fs from "fs"
export default ({command, mode}) => {
const envConfig = loadEnv(mode, './');
// 如果当前时打包行为 生成最新版本号
if (command == "build") {
//打包时生成版本号
let version = {
version: JSON.stringify(new Date().getTime()),
};
fs.writeFile("./public/version.json", JSON.stringify(version), () => {
console.log("新版本号生成成功", version);
});
}
let config = {
plugins: [
vue(),
createSvgIconsPlugin({
// svg图标的目录
iconDirs: [path.resolve(process.cwd(), 'src/assets/icons')],
// Specify symbolId format
symbolId: 'icon-[dir]-[name]',
}),
//element按需导入
AutoImport({
//安装两行后你会发现在组件中不用再导入ref，reactive等
imports: ['vue', 'vue-router'],
dts: "src/auto-import.d.ts",
//element
resolvers: [ElementPlusResolver()],
}),
Components({
//element
resolvers: [ElementPlusResolver()],
//默认存放位置
dts: "src/components.d.ts",
dirs: ['src/components'],
}),
],
resolve: {
alias: {
/*'@': resolve('src'),
'@images': resolve('src/assets/images'),*/
}
},
server: {
host: '0.0.0.0',
proxy: {
'/api': { // 匹配请求路径，
target: envConfig.VITE_API_DOMAIN, // 代理的目标地址
// 开发模式，默认的127.0.0.1,开启后代理服务会把origin修改为目标地址
changeOrigin: true,
// secure: true, // 是否https接口
// ws: true, // 是否代理websockets
// 路径重写，**** 如果你的后端有统一前缀(如:/api)，就不开启；没有就开启
//简单来说，就是是否改路径 加某些东西
rewrite: (path) => path.replace(/^\/api/, '')
}
}
}
}
return defineConfig(config)
}