mass-graducation/webpack.config.js


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

const webpack = require('webpack');
const path = require('path');

const isProduction = process.env.NODE_ENV === 'production';
const isMock = process.env.NODE_ENV === 'mock';

const config = {
    entry: './src/main.js',
    output: {
        path: path.resolve(__dirname, 'dist'),
    },
    module: {
        rules: [
            {
              test: /\.png/,
              type: 'asset/inline',
            },
        ],
    },
    plugins: [
        new webpack.NormalModuleReplacementPlugin(
            /-ENV.js/,
            (resource) => {
                resource.request = resource.request.replace(
                    /-ENV/,
                    `-${isMock ? "mock" : "prod"}`,
                );

                if (resource.createData) {
                    resource.createData.request = resource.request;
                }
            }
        )
    ],
};

module.exports = () => {
    if (isProduction) {
        config.mode = 'production';
    } else {
        config.mode = 'development';
    }
    return config;
};