electron - 如何减小 Electron 应用程序的大小？

Question

我开始使用Electron，并下载了入门示例项目，它的时钟约为150MB。

Electron 项目的准系统是什么？我可以删除node_modules文件夹吗？我最终将需要调用一个过程，仅此而已。

Answer 1

使用webpack，仅发送应用程序所需的依赖项。
另外，使用copy-webpack-plugin复制不需要的文件，这些文件不会通过webpack bundle 在一起。

不要运送整个node_modules文件夹。

示例Webpack配置-

    const path = require('path');
    var CopyWebpackPlugin = require('copy-webpack-plugin');

    module.exports = {
        entry: {
            main: './main.ts',
            renderer: './src/renderer.js',
        },
        devtool: 'inline-source-map',
        output: {
            filename: "[name].js",
            path: path.resolve(__dirname, 'public')
        },
        resolve: {
            extensions: [".tsx", ".ts", ".js"]
        },
        module: {
            rules: [
                {
                    test: /\.js$/,
                    exclude: /(node_modules|bower_components)/,
                    use: {
                        loader: 'babel-loader',
                        options: {
                            presets: ["es2015", "react"]
                        }
                    }
                },
                {
                    test: /\.tsx?$/,
                    use: 'ts-loader',
                    exclude: /node_modules/
                }
            ]
        },
        target: "electron-main",
        bail: true,
        node: {
            __dirname: false,
            __filename: false
        },
        plugins: [
            new CopyWebpackPlugin([
                { from: './index.html' }
            ])
        ]
    };

因此，上面创建了一个 public文件夹，这是您最终的 bundle 输出。