-
Notifications
You must be signed in to change notification settings - Fork 1
/
rollup.config.js
74 lines (69 loc) · 1.85 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
import path from 'path';
import resolve from '@rollup/plugin-node-resolve';
import commonjs from '@rollup/plugin-commonjs';
import babel from '@rollup/plugin-babel';
import external from 'rollup-plugin-peer-deps-external';
import postcss from 'rollup-plugin-postcss';
import clear from 'rollup-plugin-clear';
import postcssPresetEnv from 'postcss-preset-env';
import postcssUrl from 'postcss-url';
const cwd = process.cwd();
const pkg = require(path.join(cwd, 'package.json'));
const [, pkgName] = /^@[^/]+\/(.+)$/.exec(pkg.name);
const upperCaseGlobals = ['ajax', 'events'];
const toCamelCaseName = (name) => name.split('-')
.map((text, i) => {
if (i > 0 || upperCaseGlobals.includes(text)) {
return text.charAt(0).toUpperCase() + text.slice(1);
}
return text;
})
.join('');
const umdName = (name) => `$totebox.${toCamelCaseName(name)}`;
const extensions = [
'.js', '.jsx', '.ts', '.tsx',
];
export default {
input: 'src/index.js',
output: [
process.env.INCLUDE_UMD === 'true' && {
name: umdName(pkgName),
file: 'dist/index.js',
format: 'umd',
banner: `/* ${umdName(pkgName)} v${pkg.version} by ${pkg.author} */`,
},
{
file: pkg.main,
format: 'cjs',
exports: 'named',
},
{
file: pkg.module,
format: 'esm',
},
].filter(Boolean),
plugins: [
clear({ targets: ['dist'] }),
external(),
babel({
extensions,
rootMode: 'upward',
babelHelpers: 'runtime',
exclude: /node_modules/,
}),
process.env.EXTRACT_STYLE === 'true' && postcss({
extract: pkg.style,
modules: {
generateScopedName: '[folder]-[local]__[hash:base64:5]',
},
plugins: [
postcssPresetEnv(),
postcssUrl({
url: 'inline',
}),
],
}),
resolve({ extensions }),
commonjs(),
].filter(Boolean),
};