aboutsummaryrefslogtreecommitdiff
path: root/webpack.config.js
blob: 601c85617aae76d3d152ac1a7fbfbb727fcc64d1 (plain) (blame)
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
const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const CopyWebpackPlugin = require('copy-webpack-plugin');
module.exports = (env, argv) => {
    const prodMode = argv.mode == 'production';
    return {
        entry: {
            index: "./src/index.tsx",
            background: "./src/background.ts",
            popup: "./src/popup.tsx",
            tab: "./src/tab.tsx"
        },
        output: {
            path: path.join(__dirname, "/dist"),
            filename: "[name].js"
        },
        resolve: {
            extensions: [".ts", ".tsx", ".js", ".json"]
        },
        devtool: "source-map",
        module: {
            rules: [
                {
                    test: /\.tsx?$/,
                    exclude: /node_modules/,
                    use: ['ts-loader']
                },
                {
                    test: /\.js$/,
                    use: ["source-map-loader"],
                    enforce: "pre"
                },
                {
                    test: /\.css$/,
                    use: ["style-loader", "css-loader"]
                },
                { test: /\.(png|woff|woff2|eot|ttf|svg)$/, loader: 'url-loader?limit=100000' }
            ]
        },
        plugins: [
            new HtmlWebpackPlugin({
                chunks: ['index'],
                template: "./src/index.html",
                filename: "./index.html"
            }),
            new HtmlWebpackPlugin({
                chunks: ['popup'],
                template: "./src/index.html",
                filename: "./popup.html"
            }),
            new HtmlWebpackPlugin({
                chunks: ['tab'],
                template: "./src/tab.html",
                filename: "./tab.html"
            }),
            new CopyWebpackPlugin([
                {from:'./public/', to:'./'}
            ]),
            new CopyWebpackPlugin([
                {
                    from: prodMode ? './manifest.prod.json' : './manifest.dev.json',
                    to: './manifest.json'
                }
            ]),
        ],
        //optimization: prodMode ? ({
        //    splitChunks: {
        //        chunks: 'all'
        //    }
        //}) : {}
    };
};