-
Notifications
You must be signed in to change notification settings - Fork 1
/
vite.config.ts
130 lines (105 loc) · 3.01 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
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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
import {defineConfig} from 'vite'
import vue from '@vitejs/plugin-vue'
import DefineOptions from 'unplugin-vue-define-options/vite'
import {resolve} from "path";
import dts from "vite-plugin-dts";
import postcss from 'rollup-plugin-postcss'
import autoprefixer from "autoprefixer"
import cssnano from "cssnano"
import copy from "rollup-plugin-copy"
import del from "rollup-plugin-delete"
import {terser} from "rollup-plugin-terser";
// https://vitejs.dev/config/
const plugins = [
dts({
outDir: ['es', "lib"],
tsConfigFilePath: resolve(__dirname, "tsconfig.json"),
compilerOptions: {
baseUrl: ".",
paths: {
"@sss-ui-plus/typings": ["./packages/typings"],
"@sss-ui-plus/utils": ["./packages/utils"],
"@sss-ui-plus/hooks": ["./packages/hooks"],
"@sss-ui-plus/components": ["./packages/components"],
"@sss-ui-plus/styles": ["./packages/styles"],
}
}
}),
postcss({
extract: 'index.css',
plugins: [
autoprefixer(),
cssnano()
],
}),
terser({
format: {
comments: 'all', // 保留至少包含 "@license" 或 "@preserve" 的注释
},
}),
copy({
targets: [
{src: 'es/*.css', dest: 'dist'},
],
verbose: true,
hook: 'generateBundle'
}),
del({
targets: [
// 设置删除规则,删除原来位置的 CSS 文件
'es/*.css',
'lib/*.css',
'dist/style.css',
],
hook: 'closeBundle', // 在 writeBundle 钩子时执行删除操作
}),
]
export default defineConfig({
plugins: [
vue(),
DefineOptions(),
// 打包模式下启用
// ...plugins
],
build: {
rollupOptions: {
external: ["vue", '@vueuse/core', '@floating-ui/vue'],
input: './index.ts',
output: [
{
format: "es",
entryFileNames: "[name].mjs",
//让打包目录和我们目录对应
preserveModules: true,
//配置打包根目录
dir: "es",
},
{
//打包格式
format: "cjs",
//打包后文件名
entryFileNames: "[name].js",
//让打包目录和我们目录对应
preserveModules: true,
//配置打包根目录
dir: "lib",
},
],
},
lib: {
entry: "./index.ts",
name: 'sss-ui-plus',
fileName: 'sss-ui-plus',
formats: ["es", "umd", "cjs"],
}
},
css:{
preprocessorOptions:{
less:{
options:{
javascriptEnabled: true
}
}
}
}
})