-
-
Notifications
You must be signed in to change notification settings - Fork 6
/
rollup.config.mjs
98 lines (93 loc) · 2.01 KB
/
rollup.config.mjs
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
import resolve from "@rollup/plugin-node-resolve"
import commonjs from "@rollup/plugin-commonjs"
import replace from "@rollup/plugin-replace"
import typescript from "@rollup/plugin-typescript"
import html from "@rollup/plugin-html"
import svelte from "rollup-plugin-svelte"
import { terser } from "rollup-plugin-terser"
import svg from "rollup-plugin-svg"
import postcss from "rollup-plugin-postcss"
import cssnano from "cssnano"
const production = !process.env.ROLLUP_WATCH
/**
* @type {import('rollup').RollupOptions}
*/
const mainConfig = {
input: `src/main.ts`,
output: {
format: `iife`,
name: `ui`,
file: `dist/bundle.js`,
},
plugins: [
typescript(),
svelte({
compilerOptions: {
dev: !production,
},
onwarn: (warning, handler) => {
// disable a11y warnings
if (warning.code.startsWith(`a11y-`)) return
handler(warning)
},
}),
resolve({
browser: true,
dedupe: (importee) => importee === `svelte` || importee.startsWith(`svelte/`),
}),
commonjs(),
svg(),
postcss({
extensions: [`.css`],
plugins: [cssnano()],
}),
html({
fileName: `ui.html`,
template({ bundle }) {
return `
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Theme UI</title>
</head>
<body>
<script>${bundle[`bundle.js`].code}</script>
</body>
</html>
`
},
}),
production && terser(),
],
watch: {
clearScreen: false,
},
}
/**
* @type {import('rollup').RollupOptions}
*/
const codeConfig = {
input: `src/code.ts`,
output: {
file: `dist/code.js`,
format: `cjs`,
name: `code`,
},
plugins: [
typescript(),
replace({
values: {
"process.env.NODE_ENV": JSON.stringify(production ? `production` : `development`),
},
preventAssignment: true,
}),
commonjs(),
resolve({
browser: true,
}),
production && terser(),
],
}
const config = [mainConfig, codeConfig]
export default config