forked from hyw123456/gugu
-
Notifications
You must be signed in to change notification settings - Fork 0
/
vite.config.ts
40 lines (38 loc) · 1.25 KB
/
vite.config.ts
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
/// <reference path="./vite.d.ts" />
import { defineConfig } from 'vite'
// import styleImport from 'vite-plugin-style-import'
import vue from '@vitejs/plugin-vue'
// import Components from 'unplugin-vue-components/vite'
// import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers'
import * as path from 'path'
import eslintPlugin from 'vite-plugin-eslint'
import postcssNested from 'postcss-nested'
import autoprefixer from 'autoprefixer'
import postcssScss from 'postcss-scss'
import pav from 'postcss-advanced-variables'
import calc from 'postcss-calc'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue(), eslintPlugin()],
server: {
proxy: {
}
},
resolve: {
alias: {
// 配置别名
'@': path.resolve(__dirname, './src')
}
},
css: {
postcss: {
syntax: postcssScss, // postcss中 可以使用scss语法
plugins: [
postcssNested, // 仿scss嵌套
autoprefixer, // css前缀规范
calc,
pav // 类似SASS自定义变量并引用,实现编写变量、条件、循环。 具体看https://github.com/csstools/postcss-advanced-variables
]
}
}
})