wp-plugin-theme-tweaks/webpack.config.js at master · filipecsweb/wp-plugin-theme-tweaks · 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
const path                 = require('path');
const webpack              = require('webpack');
const miniCssExtractPlugin = require('mini-css-extract-plugin');
const cssMinimizerPlugin   = require("css-minimizer-webpack-plugin");
const {VueLoaderPlugin}    = require('vue-loader');


module.exports = (env, options) => {
    let src_path  = './src',
        dist_path = './dist',
        plugins   = [
            new VueLoaderPlugin()
        ];

    if ('production' === options.mode) {
        plugins.push(new cssMinimizerPlugin({
            minimizerOptions: {
                preset: [
                    "default",
                    {
                        discardComments: {removeAll: true},
                    },
                ],
            }
        }));
    } else {
        plugins.push(new webpack.SourceMapDevToolPlugin({
            test: /\.css$/
        }));
    }

    plugins.push(new miniCssExtractPlugin({
        filename: '[name].css'
    }));

    return {
        entry: {
            bundle: src_path + '/js/bundle.js'
        },
        output: {
            filename: '[name].js',
            path: path.resolve(__dirname, dist_path)
        },
        module: {
            rules: [
                {
                    test: /\.vue$/,
                    loader: 'vue-loader',
                    options: {
                        reactivityTransform: true
                    }
                },
                {
                    test: /\.js$/,
                    exclude: /node_modules/,
                    use: {
                        loader: 'babel-loader',
                        options: {
                            presets: ['@babel/preset-env']
                        }
                    }
                },
                {
                    test: /\.scss$/,
                    exclude: /node_modules/,
                    use: [
                        miniCssExtractPlugin.loader,
                        {
                            loader: 'css-loader',
                            options: {sourceMap: true}
                        },
                        {
                            loader: 'postcss-loader',
                            options: {
                                postcssOptions: {
                                    ident: 'postcss',
                                    sourceMap: 'inline'
                                }
                            }
                        },
                        'sass-loader'
                    ]
                },
                {
                    test: /\.(ttf|otf|eot|woff)(\?v=\d+\.\d+\.\d+)?$/,
                    exclude: /node_modules/,
                    use: {
                        loader: 'url-loader',
                        options: {
                            limit: 10000,
                            mimetype: 'application/octet-stream'
                        }
                    }
                },
                {
                    test: /\.(png|jpe?g|gif|svg)/i,
                    exclude: /node_modules/,
                    loader: 'url-loader'
                }
            ]
        },
        plugins: plugins,
        watchOptions: {
            ignored: /node_modules/
        },
    };
};