blueprint/rollup.config.js at master · aimementoring/blueprint · 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
import { plugin as analyze } from 'rollup-plugin-analyzer';
import visualizer from 'rollup-plugin-visualizer';
import commonjs from 'rollup-plugin-commonjs';
import babel from 'rollup-plugin-babel';
import filesize from 'rollup-plugin-filesize';
import progress from 'rollup-plugin-progress';
import url from 'rollup-plugin-url';
import resolve from 'rollup-plugin-node-resolve';
import external from 'rollup-plugin-peer-deps-external';
import postcss from 'rollup-plugin-postcss';
import json from 'rollup-plugin-json';
import svgr from '@svgr/rollup';
import fs from 'fs';

import pkg from './package.json';

const getFilteredFolders = files => files.filter(name => name.indexOf('.') === -1);

const getFiles = path => {
  return new Promise(resolve => {
    const componentFolder = /[^/]*$/.exec(path)[0];
    const folder = fs.readdirSync(path);
    const inputFolders = getFilteredFolders(folder).map(name => ({
      input: `src/lib/${componentFolder}/${name}/index.js`,
      file: `lib/${componentFolder}/${name}.js`,
    }));
    resolve(inputFolders);
  });
};

const mainFile = [
  {
    input: `src/lib/index.js`,
    file: `lib/index.js`,
  },
];

const generateConfig = async () => {
  const [components, utils] = await Promise.all([
    getFiles('src/lib/components'),
    getFiles('src/lib/utils'),
  ]);

  return [].concat(components, utils, mainFile).map(({ input, file }) => ({
    input,
    output: {
      file,
      globals: { react: 'React' },
      format: 'cjs',
      name: 'ui-core',
    },
    plugins: [
      filesize(),
      analyze(),
      visualizer({
        filename: './bundle-analysis.html',
        title: pkg.name,
      }),
      progress({
        clearLine: false,
      }),
      external(),
      resolve({
        preferBuiltins: true,
      }),
      postcss({
        modules: true,
      }),
      commonjs({
        include: ['node_modules/**'],
        exclude: ['node_modules/process-es6/**'],
        namedExports: {
          'node_modules/react/index.js': [
            'Children',
            'Component',
            'PureComponent',
            'PropTypes',
            'createElement',
            'Fragment',
            'useState',
            'useEffect',
            'useRef',
          ],
          'node_modules/react-dom/index.js': ['createPortal', 'findDOMNode'],
          'node_modules/react-phone-number-input/modules/libphonenumber/RFC3966.js': [
            'parseRFC3966',
            'formatRFC3966',
          ],
        },
      }),
      url(),
      svgr(),
      json({
        include: 'node_modules/**',
        compact: true,
      }),
      babel({
        runtimeHelpers: true,
        exclude: 'node_modules/**',
        plugins: ['@babel/plugin-external-helpers'],
      }),
    ],
  }));
};

export default generateConfig();