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
|
import babel from 'rollup-plugin-babel'
import * as pkg from '../package.json'
import filesize from 'rollup-plugin-filesize'
// import { terser } from 'rollup-plugin-terser'
import resolve from 'rollup-plugin-node-resolve'
import commonjs from 'rollup-plugin-commonjs'
import { uglify } from 'rollup-plugin-uglify'
const buildDate = Date()
const headerLong = `/*!
* ${pkg.name} - ${pkg.description}
* @version ${pkg.version}
* ${pkg.homepage}
*
* @copyright ${pkg.author}
* @license ${pkg.license}
*
* BUILT: ${buildDate}
*/;`
const headerShort = `/*! ${pkg.name} v${pkg.version} ${pkg.license}*/;`
const getBabelConfig = (esm, targets = { esmodules: true }, corejs = false) => babel({
include: 'src/**',
runtimeHelpers: true,
babelrc: false,
presets: [['@babel/preset-env', {
modules: false,
targets: esm ? targets : pkg.browserslist,
useBuiltIns: 'usage'
}]],
plugins: [['@babel/plugin-transform-runtime', {
corejs: corejs,
helpers: true,
useESModules: true
}]]
})
// When few of these get mangled nothing works anymore
// We loose literally nothing by let these unmangled
const classes = [
'A',
'ClipPath',
'Defs',
'Element',
'G',
'Image',
'Marker',
'Path',
'Polygon',
'Rect',
'Stop',
'Svg',
'Text',
'Tspan',
'Circle',
'Container',
'Dom',
'Ellipse',
'Gradient',
'Line',
'Mask',
'Pattern',
'Polyline',
'Shape',
'Style',
'Symbol',
'TextPath',
'Use'
]
const config = esm => ({
input: esm ? './src/main.js' : './src/svg.js',
output: {
file: esm ? './dist/svg.js' : './dist/svg.min.js',
name: 'SVG',
sourcemap: 'external',
format: esm ? 'esm' : 'iife',
banner: esm ? headerLong : headerShort
},
plugins: [
resolve({ browser: true }),
commonjs(),
getBabelConfig(esm),
filesize(),
esm ? {} : uglify({
mangle: {
reserved: classes
},
output: {
preamble: headerShort
}
})
]
})
const nodeConfig = () => ({
input: './src/main.js',
output: {
file: './dist/svg.node.js',
name: 'SVG',
sourcemap: 'external',
format: 'cjs',
banner: headerLong
},
plugins: [
resolve(),
commonjs(),
getBabelConfig(true, 'maintained node versions'),
filesize()
]
})
const modes = [true, false]
export default modes.map(config).concat(nodeConfig())
|