svgMap/rollup.config.js at master · stephanwagner/svgMap · GitHub

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
import resolve from '@rollup/plugin-node-resolve';
import commonjs from '@rollup/plugin-commonjs';
import terser from '@rollup/plugin-terser';
import postcss from 'rollup-plugin-postcss';
import fs from 'fs';
import path from 'path';
import { minify } from 'csso';

const name = 'svgMap';

export default {
  input: 'src/js/index.js',
  output: [
    // ESM
    {
      file: 'dist/index.js',
      format: 'es',
      sourcemap: true
    },
    // CommonJS
    {
      file: 'dist/index.cjs',
      format: 'cjs',
      sourcemap: true,
      exports: 'default'
    },
    // UMD (browser global)
    {
      file: 'dist/svg-map.umd.js',
      format: 'umd',
      name,
      sourcemap: true
    },
    {
      file: 'dist/svg-map.umd.min.js',
      format: 'umd',
      name,
      plugins: [
        terser({
          compress: true,
          mangle: true,
          format: {
            comments: false
          },
          maxWorkers: 1
        })
      ]
    },
    // UMD legacy pre 2.18.0
    {
      file: 'dist/svgMap.js',
      format: 'umd',
      name,
      sourcemap: true
    },
    {
      file: 'dist/svgMap.min.js',
      format: 'umd',
      name,
      plugins: [
        terser({
          compress: true,
          mangle: true,
          format: {
            comments: false
          },
          maxWorkers: 1
        })
      ]
    }
  ],
  plugins: [
    resolve({
      mainFields: ['module', 'main']
    }),
    commonjs({
      include: /node_modules/
    }),
    postcss({
      extract: 'svg-map.css',
      minimize: false,
      sourceMap: false,
      use: [['sass', { includePaths: ['src'] }]]
    }),
    {
      name: 'minify-css',
      writeBundle() {
        const dist = 'dist';
        const input = path.join(dist, 'svg-map.css');
        const output = path.join(dist, 'svg-map.min.css');
        const css = fs.readFileSync(input, 'utf8');
        const result = minify(css);
        fs.writeFileSync(output, result.css);
      }
    },

    // Legacy CSS pre 2.18.0
    {
      name: 'legacy-css-alias',
      writeBundle() {
        const dist = 'dist';
        fs.copyFileSync(`${dist}/svg-map.min.css`, `${dist}/svgMap.min.css`);
        fs.copyFileSync(`${dist}/svg-map.css`, `${dist}/svgMap.css`);
      }
    }
  ]
};