perun-core/webpack.config.mjs at main · PerunTech/perun-core · 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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
import path from 'path';
import { fileURLToPath } from 'url';
import { createRequire } from 'module';
import webpack from 'webpack';
import TerserPlugin from 'terser-webpack-plugin';
import 'dotenv/config';

const __dirname = path.dirname(fileURLToPath(import.meta.url));
const require = createRequire(import.meta.url);

export default (env, params) => {
    return {
        devtool: env.SOURCE_MAP === 'true' ? 'source-map' : false,
        mode: params.mode,
        entry: './frontend/client.js',
        cache: {
            type: 'filesystem',
            cacheLocation: path.resolve(__dirname, '.webpack_cache'),
        },
        optimization: {
            minimizer: [
                new TerserPlugin({
                    parallel: true,
                    extractComments: false,
                    terserOptions: {
                        format: { comments: false },
                    },
                }),
            ],
        },
        output: {
            path: path.resolve(__dirname, 'www'),
            filename: 'perun-core.js',
            library: { name: 'perun-core', type: 'umd' },
            globalObject: 'this'
        },
        devServer: {
            client: {
                overlay: false
            },
            static: {
                directory: path.join(__dirname, 'www'),
            },
            compress: true
        },
        plugins: [
            new webpack.ProvidePlugin({
                process: 'process/browser',
            }),
            new webpack.DefinePlugin({
                'process.env.DEBUG': JSON.stringify(env.DEBUG),
                'process.env.MODE': JSON.stringify(params.mode),
            })
        ],
        module: {
            rules: [
                {
                    test: /\.(js|jsx)?$/,
                    exclude: /(node_modules)/,
                    use: [
                        'thread-loader',
                        {
                            loader: 'babel-loader',
                            options: {
                                presets: [
                                    ['@babel/preset-env', { targets: '> 0.5%, last 2 versions, not dead' }],
                                    '@babel/preset-react',
                                ],
                                cacheDirectory: true,
                            },
                        },
                    ]
                },
                {
                    // For pure CSS (without CSS modules)
                    test: /\.css$/i,
                    exclude: /\.module\.css$/i,
                    use: ['style-loader', 'css-loader'],
                },
                {
                    // For CSS modules
                    test: /\.module\.css$/i,
                    use: [
                        'style-loader',
                        {
                            loader: 'css-loader',
                            options: {
                                modules: {
                                    localIdentName: '[name]-[local]'
                                }
                            },
                        },
                    ],
                },
                {
                    test: /\.(png|jpe?g|gif|svg|eot|ttf|woff|woff2)$/i,
                    type: 'asset/resource',
                },
                {
                    test: /\.m?js$/,
                    resolve: { fullySpecified: false }
                },
            ]
        },
        resolve: {
            modules: [ // fix all import paths that are not relative, then remove this.
                path.resolve('./frontend'),
                path.resolve('./node_modules'),
                path.resolve('./lib')
            ],
            extensions: ['.js', '.jsx'],
            fallback: {
                'url': require.resolve('url')
            }
        }
    }
};