如何使用Webpack配置我的Electron应用程序进行生产？

Question

这是我的webpack.config.js文件

我第一次使用electron-packager进行了构建，并意识到我只在这里指向devServer。

我一直在做一些研究，但没有发现它有用。我喜欢帮助设置我的Webpack配置来点击我的生产服务器。

我的主要问题是我真的不知道从哪里开始，即在webpack prod配置和dev配置中重要的是什么。提供备用URL是不同的文件捆绑是否那么简单？

谢谢！

const webpack = require('webpack');
const path = require('path');

module.exports = {
  entry: {
    app: ['webpack/hot/dev-server', './scripts/app.js']
  },

  output: {
    // path: './public/built',
    path: path.resolve(__dirname, 'public/built'),
    filename: 'bundle.js',
    publicPath: 'http://localhost:8080/built/'
  },

  devServer: {
    // contentBase: './public',
    contentBase: path.join(__dirname, 'public'),
    publicPath: 'http://localhost:8080/built/'
  },

  module: {
    rules: [
        {
            test: /\.jsx?$/,
            enforce: "pre",
            loader: "eslint-loader",
            exclude: /node_modules/
        },
        {
            test: /\.jsx?$/,
            loader: 'babel-loader',
            exclude: /node_modules/,
            query: {
                presets: ['react', 'es2015', 'stage-3']
            }
        },
        { test: /\.css$/, loader: 'style-loader!css-loader' },
        { test: /\.scss$/, loader: 'style-loader!css-loader!sass-loader'},
        { test: /\.(ttf|eot|otf|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "file-loader" },
    ],
  },

  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new webpack.IgnorePlugin(new RegExp("^(fs|ipc)$")),
    new webpack.LoaderOptionsPlugin({
        options: {
            eslint: {
                failOnWarning: false,
                failOnError: true
            }
        }
    })
  ]
}