djangocms-versioning/webpack.config.js at master · django-cms/djangocms-versioning · 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
var webpack = require('webpack');
// var path = require('path');

module.exports = function(opts) {
    'use strict';

    var PROJECT_PATH = opts.PROJECT_PATH;
    var debug = opts.debug;

    if (!debug) {
        process.env.NODE_ENV = 'production';
    }

    var baseConfig = {
        mode: debug ? 'development' : 'production',
        devtool: false,
        watch: !!opts.watch,
        entry: {
            // CMS frontend
            versioning: PROJECT_PATH.js + '/base.js',
        },
        output: {
            path: PROJECT_PATH.js + '/dist/',
            filename: 'bundle.[name].min.js',
            chunkFilename: 'bundle.[name].min.js',
        },
        performance: {
            hints: false,
            maxEntrypointSize: 512000,
            maxAssetSize: 512000
        },
        plugins: [],
        resolve: {
            alias: {
                htmldiff: PROJECT_PATH.js + '/libs/htmldiff.js',
                prettydiff: PROJECT_PATH.js + '/prettydiff.js',
            },
        },
        module: {
            rules: [
                // must be first
                {
                    test: /\.js$/,
                    use: [
                        {
                            loader: 'babel-loader',
                            options: {
                                presets: ['@babel/preset-env'],
                                plugins: process.env.COVERAGE === 'true' ? ['istanbul'] : [],
                            },
                        },
                    ],
                    exclude: /(node_modules|libs|tidy|addons\/jquery.*)/,
                },
                {
                    test: /(.html$|api\/dom)/,
                    type: 'asset/source',
                },
                {
                    test: /(.css$)/,
                    use: [
                        {
                            loader: 'raw-loader',
                        },
                        {
                            loader: 'postcss-loader',
                            options: {
                                postcssOptions: {
                                    plugins: [
                                        require('autoprefixer'),
                                        require('cssnano')(),
                                    ],
                                },
                            },
                        },
                    ],
                },
            ],
        },
        stats: {
            preset: 'normal',
            reasons: false,
            modulesSpace: 15,
            errorDetails: true
        },
        optimization: {
            concatenateModules: true,
            providedExports: true,
            usedExports: true
        }
    };

    if (debug) {
        baseConfig.devtool = 'cheap-module-source-map';
        baseConfig.plugins = baseConfig.plugins.concat([
            new webpack.DefinePlugin({
                __DEV__: 'true',
            }),
        ]);
    } else {
        baseConfig.plugins = baseConfig.plugins.concat([
            new webpack.DefinePlugin({
                __DEV__: 'false',
            }),
        ]);
    }

    return baseConfig;
};