generated from cerivitos/svelte-pwa-now
-
Notifications
You must be signed in to change notification settings - Fork 0
/
rollup.config.js
84 lines (81 loc) · 2.08 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
import commonjs from "rollup-plugin-commonjs";
// import purgeCss from '@fullhuman/postcss-purgecss';
import livereload from "rollup-plugin-livereload";
import postcss from "rollup-plugin-postcss";
import resolve from "rollup-plugin-node-resolve";
import svelte from "rollup-plugin-svelte";
import { terser } from "rollup-plugin-terser";
import svelte_preprocess_postcss from "svelte-preprocess-postcss";
import builtins from "rollup-plugin-node-builtins";
import globals from "rollup-plugin-node-globals";
import copy from "rollup-plugin-copy-assets";
import replace from "rollup-plugin-replace";
import { generateSW } from "rollup-plugin-workbox";
import json from "@rollup/plugin-json";
const production = !process.env.ROLLUP_WATCH;
export default {
input: "src/main.js",
output: {
format: "iife",
sourcemap: true,
name: "app",
file: "dist/main.js"
},
plugins: [
svelte({
dev: !production,
preprocess: {
style: svelte_preprocess_postcss()
},
css: css => {
css.write("dist/components.css");
}
}),
generateSW({
swDest: "dist/service-worker.js",
skipWaiting: true,
globDirectory: "dist",
runtimeCaching: [
{
urlPattern: "/main.js",
handler: "StaleWhileRevalidate"
},
{
urlPattern: "/load-image.all.min.js",
handler: "StaleWhileRevalidate"
},
{
urlPattern: "/main.css",
handler: "StaleWhileRevalidate"
},
{
urlPattern: "/components.css",
handler: "StaleWhileRevalidate"
},
{
urlPattern: "/^https://fonts.googleapis.com/",
handler: "StaleWhileRevalidate"
}
]
}),
replace({
"process.env.NODE_ENV": JSON.stringify("production")
}),
resolve(),
commonjs(),
globals(),
builtins(),
copy({
assets: ["src/assets"]
}),
postcss({
extract: true
}),
!production && livereload("dist"),
production && terser(),
json()
]
// watch: {
// clearScreen: false,
// },
};