webmc/src/webpack.common.js at d7d965d7f03120e2417804681ce5fbab4fa8573c · ghzhost/webmc · 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
const WebpackBar = require("webpackbar");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const CopyPlugin = require("copy-webpack-plugin");
const webpack = require("webpack");
const LodashModuleReplacementPlugin = require("lodash-webpack-plugin");

module.exports = {
    entry: [
        `${__dirname}/scripts/index.js`,
        `${__dirname}/styles/style.scss`,
        "bootstrap",
    ],
    output: {
        path: `${__dirname}/dist`,
        filename: "[contenthash].js",
    },
    performance: {
        hints: false,
        maxEntrypointSize: 1.5e6,
        maxAssetSize: 1.5e6,
    },
    module: {
        rules: [
            {
                loader: "worker-loader",
                test: /\.worker\.js$/,
                options: {
                    filename: "[contenthash].js",
                },
            },
            {
                test: /\.(scss)$/,
                use: [
                    {
                        loader: "style-loader",
                    },
                    {
                        loader: "css-loader",
                    },
                    {
                        loader: "sass-loader",
                    },
                ],
            },
            {
                test: /\.(png|jpe?g|gif)$/i,
                use: [
                    {
                        loader: "file-loader",
                    },
                ],
            },
            {
                test: /\.(woff|woff2|eot|ttf|otf)$/,
                use: [
                    {
                        loader: "file-loader",
                    },
                ],
            },
        ],
    },
    plugins: [
        new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery",
        }),
        new HtmlWebpackPlugin({
            filename: "index.html",
            template: `${__dirname}/html/index.html`,
            inject: "head",
            favicon: `${__dirname}/assets/images/favicon.png`,
        }),
        new LodashModuleReplacementPlugin(),
        new WebpackBar(),
        new CopyPlugin({
            patterns: [
                {
                    from: `${__dirname}/assets`,
                    to: "assets",
                },
            ],
        }),
    ],
};