react-ui/rollup.config.ts at master · wont-org/react-ui · 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
import commonjs from '@rollup/plugin-commonjs'
import resolvePlugin from '@rollup/plugin-node-resolve'
import json from '@rollup/plugin-json'
import babel from '@rollup/plugin-babel'
import typescript from 'rollup-plugin-typescript2'
import less from 'rollup-plugin-less'
import { terser } from 'rollup-plugin-terser'
import { paths } from './scripts/utils'

const extensions = ['.ts', '.tsx', '.jsx']

// umd iife
// const globals = {
//     react: 'react',
//     'prop-types': 'prop-types',
// }

const external = ['react', 'prop-types']

function genPlugins(opt) {
    const { useTerser = false, genDts = false } = opt || {}
    const plugins = [
        less({
            output: false,
        }),
        json(),
        resolvePlugin({
            customResolveOptions: {
                moduleDirectory: paths.compileDir,
            },
            extensions,
        }),
        commonjs(),
        typescript({
            tsconfig: paths.tsEsConfig,
            tsconfigOverride: {
                compilerOptions: {
                    declaration: genDts,
                },
            },
        }),
        babel({
            exclude: 'node_modules/**',
            extensions,
            babelHelpers: 'runtime',
        }),
        useTerser ? terser() : {},
    ]
    return plugins
}

function entryFileNames(params) {
    const { facadeModuleId = '' } = params
    if (facadeModuleId && facadeModuleId.indexOf('components/index.tsx') !== -1) {
        return 'index.js'
    }
    return '[name]/index.js'
}

const rollupConfig = [
    {
        input: paths.namedInputs,
        output: {
            dir: paths.outputES,
            entryFileNames,
            format: 'esm',
            exports: 'auto',
        },
        external,
        plugins: genPlugins({ genDts: true }),
    },
    {
        input: paths.namedInputs,
        output: {
            format: 'cjs',
            exports: 'auto',
            dir: paths.outputCJS,
            entryFileNames,
        },
        external,
        plugins: genPlugins({ genDts: true }),
    },
]

export default rollupConfig