ksp-tools/webpack.config.js at main · niobos/ksp-tools · 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
const path = require('path');
const HtmlMinimizerPlugin = require("html-minimizer-webpack-plugin");
const HtmlWebpackPlugin = require("html-webpack-plugin");

const tsxPages = {
    'engines': 'KSP - Engine selection',
    'commnet-link-budget': 'KSP - CommNet link budget calculator',
    'commnet-line-of-sight': 'KSP - CommNet line of sight calculator',
    'orbits': 'KSP - Changing obits',
    'moon-departure': 'KSP - Interplanetary departure from a moon',
    'electricity': 'KSP - Electricity calculator',
    'planner': 'KSP - Mission planner',
    'multiengine': 'KSP - Multi-engine planner',
    'mining': 'KSP - Mining calculator',
    'resource-conversion': 'KSP - Resource Conversion',
};

const entries = {};
const pluginsHtmlWebpack = []
for(let page in tsxPages) {
    entries[page] = `./src/${page}/app.tsx`;
    pluginsHtmlWebpack.push(new HtmlWebpackPlugin({
        template: 'src/react-template.html',
        filename: `${page}.html`,
        chunks: [page],
        title: tsxPages[page],
    }));
}

module.exports = (env, argv) => {
    return {
        entry: entries,
        plugins: [
            ...pluginsHtmlWebpack,
        ],
        devtool: argv.mode === 'development' ? 'eval-source-map' : false,
        output: {
            filename: '[name].js',
            path: path.resolve(__dirname, 'dist'),
        },
        resolve: {
            extensions: ['.tsx', '.ts', '.jsx', '.js']
        },
        module: {
            rules: [
                {
                    test: /\.([jt]sx?)$/,
                    use: {
                        loader: 'babel-loader',
                        options: {
                            presets: [
                                "@babel/preset-react",
                                "@babel/preset-typescript"
                            ],
                        },
                    },
                },
                {
                    test: /\.css$/i,
                    use: ["style-loader", "css-loader"],
                },
                {
                    test: /\.svg$/,
                    use: [
                        {
                            loader: 'svg-url-loader',
                            options: {
                                limit: 10000,
                            },
                        },
                    ],
                },
                {
                    test: /\.(gif|png|jpe?g)$/i,
                    use: [
                        'file-loader',
                        {
                            loader: 'image-webpack-loader',
                            options: {
                                bypassOnDebug: true, // webpack@1.x
                                disable: true, // webpack@2.x and newer
                            },
                        },
                    ],
                }
            ],
        },
        optimization: {
            splitChunks: {
                chunks: 'all',
            },
            minimize: argv.mode !== 'development',
            minimizer: [
                `...`,
                new HtmlMinimizerPlugin({}),
            ],
        },
    };
};