electron-react-typescript/webpack.react.js at master · leydev/electron-react-typescript · 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
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const { spawn } = require("child_process")

module.exports = {
    devtool: 'inline-source-map',
    entry: './src/react.tsx',
    output: {
        path: __dirname + '/build/renderer',
        filename: 'bundle.js'
    },
    target: "electron-renderer",
    devServer: {
        contentBase: './build/renderer',
        historyApiFallback: true,
        port: 8001,
        after: () => {
            let chrome = spawn("./node_modules/electron/dist/electron", ["build/electron.js"], {
                cwd: process.env["PWD"]
            })
            chrome.stdout.on("data", (chunk) => {
                console.log("\x1b[34m", "Electron says:")
                console.log(chunk.toString())
            })
            chrome.stderr.on("data", chunk => {
                console.log("\x1b[34m", "Electron says:")
                console.error(chunk.toString())
            })
            chrome.on("close", () => { process.exit(0) })
        },
        open: false
    },
    module: {
        rules: [
            {
                test: /\.(tsx|ts|jsx)$/,
                exclude: /node_modules/,
                /* use: ['babel-loader',  'eslint-loader' ] */
                use: {
                    loader: "babel-loader",
                    options: {
                        presets: [
                            "@babel/preset-env",
                            "@babel/preset-react",
                            "@babel/preset-typescript",
                        ],
                    },
                },
            },
            {
                test: /\.(png|svg|jpg|gif)$/,
                exclude: /node_modules/,
                use: [
                    'file-loader',
                ],
            },
            {
                test: /\.css$/,
                exclude: /node_modules/,
                use: [
                    'style-loader',
                    'css-loader',
                ],
            },

        ]
    },
    plugins: [
        new HtmlWebpackPlugin({
            template: path.resolve('./src/index.html'),
        }),
    ],
    resolve: {
        enforceModuleExtension: false,
        extensions: [' ', '.tsx','.ts', '.js']
    }
};