-
Notifications
You must be signed in to change notification settings - Fork 1
/
rollup.config.js
118 lines (107 loc) · 3.03 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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
import svelte from 'rollup-plugin-svelte';
import crypto from 'crypto';
import dev from 'rollup-plugin-dev';
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 includePaths from 'rollup-plugin-includepaths';
import css from 'rollup-plugin-css-only';
import html from '@rollup/plugin-html';
const production = !process.env.ROLLUP_WATCH;
let includePathOptions = {
paths: ['src'],
extensions: ['.js', '.jsx'],
};
const indexTemplate = ({js, css}) => `
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width,initial-scale=1'>
<title>Forzaboard</title>
<link rel='icon' type='image/png' href='/favicon.png'>
<link rel='stylesheet' href='/global.css'>
${css}
<script src='https://unpkg.com/[email protected]/konva.min.js'></script>
${js}
</head>
<body>
</body>
</html>
`;
const hashFix = () => {
return {
name: 'hash-fix',
generateBundle(options, bundle) {
for (const [filename, file] of Object.entries(bundle)) {
let source = file.code || file.source;
const [name, suffix] = filename.split('.');
file.fileName = production
? `bundle/${name}-${crypto.createHash('md5').update(source).digest("hex").slice(0, 8)}.${suffix}`
: `bundle/${filename}`;
}
}
}
}
export default {
input: 'src/main.js',
output: {
sourcemap: !production,
format: 'iife',
name: 'app',
dir: 'public',
},
plugins: [
includePaths(includePathOptions),
svelte({
compilerOptions: {
// enable run-time checks when not in production
dev: !production,
}
}),
css({output: 'bundle.css'}),
// If you have external dependencies installed from
// npm, you'll most likely need these plugins. In
// some cases you'll need additional configuration -
// consult the documentation for details:
// https://github.com/rollup/plugins/tree/master/packages/commonjs
resolve({
browser: true,
dedupe: ['svelte']
}),
commonjs(),
// In dev mode, call `npm run start` once
// the bundle has been generated
!production && dev({
dirs: ['public'],
port: 5000,
proxy: [
{from: '/api', to: 'http://localhost:8000/'}
],
}),
// Watch the `public` directory and refresh the
// browser on changes when not in production
!production && livereload('public'),
// If we're building for production (npm run build
// instead of npm run dev), minify
production && terser(),
hashFix(),
html({
fileName: 'index.html',
template: ({ files}) => {
const css = files.css?.map(file => `<link rel='stylesheet' href='/${file.fileName}'>`).join('\n');
const js = files.js?.map(file => `<script defer src='/${file.fileName}'></script>`).join('\n');
return production
? indexTemplate({js, css})
: indexTemplate({
js: '<script defer src=\'/bundle/main.js\'></script>',
css: '<link rel=\'stylesheet\' href=\'/bundle/bundle.css\'>',
})
}
})
],
watch: {
clearScreen: false
}
};