react-scripts-ts-sample/webpack.dev.js at master · zzanggar07/react-scripts-ts-sample · 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
const path = require('path');
const webpack = require('webpack');
const BUILD_DIR = path.resolve(__dirname, 'public/js/');

module.exports = {
    entry: './src/index',
    output: {
        path: BUILD_DIR + '',
        filename: 'bundle.js'
    },
    plugins: [
        new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery"
        })
    ],
    resolve: {
        modules: ['node_modules'],
        extensions: ['.js', '.jsx', '.json', '.ts','.tsx'],
        alias: {
            '@src': path.resolve(__dirname, 'src'),
            '@component': path.resolve(__dirname, 'src/component'),
            '@mainContainer': path.resolve(__dirname, 'src/component/main-container'),
            '@modal': path.resolve(__dirname, 'src/component/modal'),
            '@notify': path.resolve(__dirname, 'src/component/notify'),
            '@router': path.resolve(__dirname, 'src/component/router'),
            '@models': path.resolve(__dirname, 'src/models'),
            '@api': path.resolve(__dirname, 'src/models/api'),
            '@service': path.resolve(__dirname, 'src/models/service'),
            '@utils': path.resolve(__dirname, 'src/utils'),
        },
    },
    module: {
        loaders: [
            {
                test: /\.(js|jsx|ts|tsx)$/,
                exclude: [/node_modules[\\\/](?!callbag-\w+)/, /bower_components/],
                loader: 'babel-loader',
                options: {
                    cacheDirectory: true,
                },
            },
            {
                test: /\.(css|scss)$/,
                use: [
                    {
                        loader: 'style-loader',
                    },
                    {
                        loader: 'css-loader',
                    },
                    {
                        loader: 'sass-loader',
                    },
                ],
            },
            {test: /\.(png|jpe?g)(\?.*)?$/, loader: 'url?limit=8182'},
            {test: /\.(svg|ttf|woff|eot)(\?.*)?$/, loader: 'file'}
        ]
    }
};