-
Notifications
You must be signed in to change notification settings - Fork 0
/
vite.config.ts
66 lines (60 loc) · 1.65 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
import { PluginOption, defineConfig } from 'vite'
import preact from '@preact/preset-vite'
import { resolve } from "path";
import dts from "vite-plugin-dts";
import tsConfigPaths from "vite-tsconfig-paths";
import { visualizer } from 'rollup-plugin-visualizer';
import tailwindcss from 'tailwindcss';
// https://vitejs.dev/config/
export default defineConfig({
plugins: [preact({
babel: {
presets: [],
// Your plugins run before any built-in transform (eg: Fast Refresh)
plugins: [
["@babel/plugin-transform-react-jsx",
{
"pragma": "h",
"pragmaFrag": "Fragment",
}, 'test']
],
}
}), tsConfigPaths(), dts({
include: ["src"]
}), visualizer({
filename: './dist/stats.html',
gzipSize: true,
// include : ['reactcomponentlibrary.js']
}) as PluginOption],
esbuild: {
jsxFactory: 'h',
jsxFragment: 'Fragment',
jsxInject: `import { h, Fragment } from 'preact'`,
},
build: {
lib: {
entry: resolve("src", "index.ts"),
name: "reactcomponentlibrary",
// formats: ["es", "cjs", "umd"],
formats: ["umd"],
fileName: (format) => `reactcomponentlibrary.${format}.js`,
},
rollupOptions: {
external: [
'preact',
'preact/hooks',
'preact/compat',
// 'preact/debug',
],
output: {
// // Specify global variable names for external dependencies for UMD and SystemJS formats
globals: {
"preact": 'preact',
"preact/hooks": 'preactHooks',
"preact/compat": 'preactCompat',
// "preacr/debug": 'preactDebug',
},
},
}
},
})