rimmel/vite.config.ts at master · ReactiveHTML/rimmel · GitHub

Name: rimmel/vite.config.ts at master · ReactiveHTML/rimmel · GitHub
Rating: 4.6 (1732 reviews)
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
import{defineConfig}from'vite';
importtypescriptfrom'@rollup/plugin-typescript';
importresolvefrom'@rollup/plugin-node-resolve';
importjsonfrom'@rollup/plugin-json';
importterserfrom'@rollup/plugin-terser';
import{visualizer}from'rollup-plugin-visualizer';

constterserOptions={
compress: {
drop_debugger: false,
},
};

exportdefaultdefineConfig({
build: {
lib: {
entry: 'src/index.ts',
name: 'rml',
fileName: (format)=>`rml.${format}.js`
},
sourcemap: true,
rollupOptions: {
external: ['rxjs'],
treeshake: {
moduleSideEffects: id=>id.includes('src/data-binding'),
},
output: [
{// Global JS
format: 'iife',
name: 'rml',
globals: {rxjs: 'rxjs'},
dir: 'dist/globaljs',
entryFileNames: '[name].mjs',
freeze: true,
generatedCode: 'es2015',
},
{// ESM
format: 'es',
dir: 'dist/esm',
entryFileNames: '[name].js',
preserveModules: true,
freeze: false,
},
{// SSR
format: 'es',
dir: 'dist/ssr',
entryFileNames: '[name].mjs',
freeze: false,
},
],
plugins: [
resolve({preferBuiltins: true}),
json(),
typescript({
tsconfig: './tsconfig.json',
// declaration: true,
// declarationDir: 'dist/types' // Use unified types directory
}),
terser(terserOptions),
visualizer({
filename: 'bundle-stats.html',
sourcemap: false,
// template: 'sunburst'
gzipSize: true,
brotliSize: true,
}),
],
},
},
resolve: {
alias: {
rimmel: './src/index',
},
},
});