components/babel.config.js at develop · Ian-Hitt/components · 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
/* eslint-disable no-template-curly-in-string */

const default_presets = () => [
    [
        '@babel/preset-env',
        {
            exclude: ['transform-regenerator', 'transform-async-to-generator'],
            modules: false,
            loose: true,
        },
    ],
    '@babel/preset-react',
    '@babel/preset-typescript',
];

const server_presets = () => [
    [
        '@babel/preset-env',
        {
            exclude: ['transform-regenerator', 'transform-async-to-generator'],
            targets: {
                node: 'current',
                browsers: [],
            },
            modules: false,
            loose: true,
        },
    ],
    '@babel/preset-react',
    '@babel/preset-typescript',
];

const test_presets = () => [['@babel/preset-env'], '@babel/preset-react'];

const plugins = () => [
    ['@babel/plugin-proposal-decorators', { legacy: true }],
    ['@babel/plugin-proposal-class-properties', { loose: false }],
    '@babel/plugin-syntax-dynamic-import',
    // [
    //     'module:fast-async',
    //     {
    //         env: {
    //             log: false,
    //         },
    //         compiler: {
    //             promises: false,
    //             generators: false,
    //         },
    //         runtimePattern: null,
    //         useRuntimeModule: false,
    //     },
    // ],
    [
        'transform-imports',
        {
            lodash: {
                transform: 'lodash/${member}',
                preventFullImport: true,
            },
            components: {
                transform: 'components/${member}',
                preventFullImport: true,
            },
            src_components: {
                transform: 'src/components/${member}',
                preventFullImport: true,
            },
            utils: {
                transform: 'utils/${member}',
                preventFullImport: true,
            },
            src_utils: {
                transform: 'src/utils/${member}',
                preventFullImport: true,
            },
        },
    ],
];

module.exports = {
    presets: default_presets(),
    plugins: plugins(),
    env: {
        test: {
            presets: test_presets(),
        },
        server: {
            presets: server_presets(),
        },
    },
};