forked from GoogleChrome/web.dev
-
Notifications
You must be signed in to change notification settings - Fork 0
/
rollup.config.js
121 lines (109 loc) · 3.36 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
119
120
121
const fs = require('fs');
const {join} = require('path');
// A Rollup plugin which locates modules using the Node resolution algorithm,
// for using third party modules in node_modules
const {nodeResolve} = require('@rollup/plugin-node-resolve');
// A Rollup plugin to convert CommonJS modules to ES6, so they can be included
// in a Rollup bundle
const commonjs = require('@rollup/plugin-commonjs');
// A Rollup plugin to minify generated ES bundles. Uses terser under the hood.
const {terser} = require('rollup-plugin-terser');
// A Rollup plugin to import CSS and inject it into the <head>
const postcss = require('rollup-plugin-postcss');
// A Rollup plugin to mark modules for Istanbul code coverage.
const istanbul = require('rollup-plugin-istanbul');
// A Rollup plugin which loads virtual modules from memory.
const virtual = require('@rollup/plugin-virtual');
/**
* Virtual imports made available to all bundles. Used for site config and globals.
*/
const site = require('./src/site/_data/site');
const isProd = process.env.ELEVENTY_ENV === 'prod';
const buildVirtualJSON = require('./src/build/virtual-json');
const virtualImports = {
webdev_analytics: {
id: isProd ? site.analytics.ids.prod : site.analytics.ids.staging,
dimensions: site.analytics.dimensions,
version: site.analytics.version,
},
webdev_config: {
isProd,
firebaseConfig: isProd ? site.firebase.prod : site.firebase.staging,
},
};
// Each page type has an entrypoint js file which imports all of the custom
// elements for that page. Most pages use the default.js entrypoint, but some
// pages like /measure, /newsletter, etc. are special and require additional
// elements.
const pagesDir = './src/lib/pages/';
const pages = fs.readdirSync(pagesDir, 'utf-8').map((p) => join(pagesDir, p));
// Plugins that are common to every bundle.
const plugins = [
virtual(buildVirtualJSON(virtualImports)),
nodeResolve(),
// @ts-ignore
commonjs(),
];
const devConfig = {
input: ['./src/lib/app.js', ...pages],
output: {
dir: 'dist/js',
format: 'esm',
},
watch: {
// By default rollup clears the console on every build. This disables that.
clearScreen: false,
},
plugins: [...plugins, postcss()],
};
const productionConfig = {
input: ['./src/lib/app.js', ...pages],
output: {
dir: 'dist/js',
format: 'esm',
},
plugins: [
...plugins,
postcss({
minimize: true,
}),
terser({
format: {
// Remove all comments, including @license comments,
// otherwise LHCI complains at us.
comments: false,
},
}),
],
};
const testConfig = {
input: 'test/unit/src/lib/index.js',
output: {
dir: '.tmp/test',
format: 'iife',
name: 'test',
},
plugins: [...plugins, postcss(), istanbul()],
};
/**
* Determine which rollup config to return based on the environment.
*
* Note: You can also pass custom command line arguments to rollup if they're
* prefixed with `config*`.
*
* Example: rollup -c --configFoo # sets commandLineArgs.configFoo to true
*
* The commandLineArgs argument gets passed to this function, but we're omitting
* it here because we don't use it.
* Learn more @ https://rollupjs.org/guide/en/
*/
export default () => {
switch (process.env.ELEVENTY_ENV) {
case 'prod':
return productionConfig;
case 'test':
return testConfig;
default:
return devConfig;
}
};