-
Notifications
You must be signed in to change notification settings - Fork 1
/
vite.config.ts
94 lines (91 loc) · 2.44 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
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import reactJsx from 'vite-react-jsx'
import reactRefresh from '@vitejs/plugin-react-refresh'
import commonjs from '@rollup/plugin-commonjs'
// import cjs from 'rollup-plugin-cjs';
// import createImportPlugin from 'vite-plugin-import';
import vitePluginImp from 'vite-plugin-imp';
// import 'zarm/lib/style/index.css'; import 'normalize.css
// https://vitejs.dev/config/
export default defineConfig({
server: {
fs: {
strict: true,
}
},
esbuild: {
jsxInject: `import React from 'react';`
},
css: {
preprocessorOptions: {
scss: {
javascriptEnabled: true,
},
},
},
// optimizeDeps:{
// // esbuildOptions:{
// // plugins:[
// // esbuildCommonjs(['zarm'])
// // ]
// // }
// include: ['@zarm-design/icons'],
// },
build: {
sourcemap: true,
target: 'es2015',
minify: false,
// rollupOptions: {
// plugins: [commonjs()],
// },
// commonjsOptions: {
// include: [/node_modules/],
// },
// rollupOptions: {
// output: {
// exports:'default',
// }
// },
// commonjsOptions: {
// include: [/node_modules/],
// }
},
plugins: [
// reactJsx(),
// viteCommonjs(),
// reactRefresh(),
// createImportPlugin({
// onlyBuild: false, // if onlyBuild === true, this plugin takes effect only in vite build mode; onlyBuild's default value is true.
// babelImportPluginOptions: [{
// libraryName: 'antd',
// libraryDirectory: 'lib',
// style: true,
// // 'style': (name: string, file: Object) => {
// // console.log(`${name}/style/index.css`)
// // return `${name}/style/index.css`;
// // } // or 'css'
// }]
// }),
// vitePluginImp({
// libList: [
// {
// libName: 'antd',
// style: (name) => `antd/lib/${name}/style/index.less`,
// // style: (name) => [`antd/lib/style/index.less`, `antd/lib/${name}/style/index.less`],
// },
// ],
// }),
vitePluginImp({
libList: [
{
libName: 'zarm',
libDirectory: 'lib',
style: (name) => [`zarm/lib/${name}/style/index.css`, `zarm/lib/style/index.scss`],
// style: (name) => [`antd/lib/style/index.less`, `antd/lib/${name}/style/index.less`],
},
],
}),
reactRefresh(),
]
})