hub-app/webpack.config.common.js at master · tini2n/hub-app · 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
/* eslint-disable import/order,@typescript-eslint/no-var-requires */

const path = require('path'),
    APP_DIR = path.resolve(__dirname, 'src');

module.exports = {
    entry: {
        index: `${APP_DIR}/index.tsx`
    },
    resolve: {
        extensions: ['.js', '.jsx', '.ts', '.tsx'],
        alias: {
            src: path.resolve('./src'),
            features: path.resolve('./src/features'),
            lib: path.resolve('./src/lib'),
            ui: path.resolve('./src/ui')
        }
    },
    module: {
        rules: [
            {
                test: /\.(js|jsx|tsx|ts)$/,
                include: [/src/],
                use: [
                    {
                        loader: 'babel-loader',
                        options: {
                            babelrc: false,
                            presets: [
                                ['@babel/preset-env', {modules: false}],
                                '@babel/preset-typescript',
                                '@babel/react'
                            ],
                            plugins: [
                                'macros',
                                // Common
                                '@babel/plugin-transform-runtime',
                                // Stage 0
                                '@babel/plugin-proposal-function-bind',
                                // Stage 1

                                '@babel/plugin-syntax-dynamic-import',
                                '@babel/plugin-proposal-export-default-from',
                                ['@babel/plugin-proposal-optional-chaining', {loose: false}],
                                // Stage 2
                                ['@babel/plugin-proposal-decorators', {legacy: true}],
                                ['@babel/plugin-proposal-class-properties', {loose: true}],
                                '@babel/plugin-proposal-export-namespace-from'
                            ]
                        }
                    }
                ]
            },
            {
                test: /\.scss$/,
                use: [
                    {
                        loader: 'style-loader',
                        options: {
                            insertAt: 'top'
                        }
                    },
                    'css-loader',
                    {
                        loader: 'sass-loader',
                        options: {
                            sassLoader: {
                                includePaths: [path.resolve('./src')]
                            }
                        }
                    }
                ]
            },
            {
                test: /\.(woff(2)?|ttf|eot)(\?v=\d+\.\d+\.\d+)?$/,
                use: [
                    {
                        loader: 'file-loader',
                        options: {
                            name: '[name].[ext]',
                            outputPath: 'fonts/'
                        }
                    }
                ]
            }
        ]
    }
};

/* eslint-enable import/order,@typescript-eslint/no-var-requires */