ReactJS

1
const path = require('path');
2
const { DefinePlugin} = require('webpack');
3
const nodeExternals = require('webpack-node-externals');
4

5
const NODE_ENV = process.env.NODE_ENV;
6
const GLOBAL_CSS_REGEXP = /\.global\.css$/;
7
const IS_DEV = NODE_ENV === 'development';
8

9
module.exports = {
10
    target: "node",
11
    mode: NODE_ENV ? NODE_ENV : 'development',
12
    entry: path.resolve(__dirname, '../src/server/server.js'),
13
    output: {
14
        path: path.resolve(__dirname, '../dist/server'),
15
        filename: 'server.js'
16
    },
17
    resolve: {
18
        extensions: ['.jsx', '.js', '.json','.ts','.tsx']
19
    },
20
    externals: [nodeExternals()],
21
    module: {
22
        rules: [
23
            {
24
                test: /\.(js|jsx|ts|tsx)$/,
25
                exclude: /nodeModules/,
26
                use: {
27
                    loader: "babel-loader"
28
                }
29
            },
30
            {
31
                test: /\.css$/,
32
                use: [{
33
                    loader: "css-loader",
34
                    options: {
35
                        modules: {
36
                            mode: 'local',
37
                            localIdentName: '[name]__[local]--[hash:base64:5]',
38
                            exportOnlyLocals: true
39
                        }
40
                    }
41
                }],
42
                exclude: GLOBAL_CSS_REGEXP
43
            },
44
            {
45
                test: GLOBAL_CSS_REGEXP,
46
                use: ['css-loader']
47
            }]
48
    },
49
    optimization: {
50
        minimize: false
51
    },
52
    devtool: IS_DEV ? 'eval' :false,
53
    plugins: [ new DefinePlugin({'process.env.CLIENT_ID':`'${process.env.CLIENT_ID}'` })]
54

55
};