-
-
Notifications
You must be signed in to change notification settings - Fork 136
/
rollup.config.js
101 lines (89 loc) · 2.54 KB
/
rollup.config.js
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
import svelte from 'rollup-plugin-svelte'
import resolve from '@rollup/plugin-node-resolve'
import commonjs from '@rollup/plugin-commonjs'
import livereload from 'rollup-plugin-livereload'
import terser from '@rollup/plugin-terser'
import postcss from 'rollup-plugin-postcss'
import purgecss from '@fullhuman/postcss-purgecss'
import nodePolyfills from 'rollup-plugin-polyfill-node'
import html from '@rollup/plugin-html'
const production = !process.env.ROLLUP_WATCH
const version = require('fs').existsSync('.git') ? String(require('child_process').execSync('git rev-parse --short HEAD')).trim() : 'static' // append short git commit to bundles
export default {
input: 'src/main.js',
output: {
sourcemap: !production,
format: 'iife',
name: 'app',
file: 'public/bundle-v' + version + '.js'
},
plugins: [
svelte({
compilerOptions: {
dev: !production
}
}),
postcss({
extract: true,
plugins: (production ? [purgecss({ content: ['./src/**/*.svelte', './rollup.config.js'], safelist: [/svelte-/] })] : []),
minimize: production,
use: { sass: { quietDeps: true } } // Disable deprecation warning
}),
commonjs(),
nodePolyfills(),
resolve({
browser: true,
dedupe: ['svelte'],
preferBuiltins: true
}),
html({
template: async ({ attributes, files, meta, publicPath, title }) => {
const script = (files.js || [])
.map(({ fileName }) => {
return `<script defer src='${fileName}'></script>`
})
.join('\n')
const css = (files.css || [])
.map(({ fileName }) => {
return `<link rel='stylesheet' href='${fileName}'>`
})
.join('\n')
return `<!DOCTYPE html>
<html lang="en">
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width,initial-scale=1'>
<meta name='"mobile-web-app-capable' content='yes'>
<title>OBS-web</title>
<link rel='icon' type='image/png' href='favicon.png'>
${css}
<link rel='manifest' href='manifest.json'>
${script}
</head>
<body>
</body>
</html>`
}
}),
!production && serve(),
!production && livereload('public'),
production && terser()
],
watch: {
clearScreen: false
}
}
function serve () {
let started = false
return {
writeBundle () {
if (!started) {
started = true
require('child_process').spawn('npm', ['run', 'start', '--', '--dev'], {
stdio: ['ignore', 'inherit', 'inherit'],
shell: true
})
}
}
}
}