我的用例是我正在使用电子并且希望有多个可以加载的窗口。最初将加载一个节点应用程序，但不会向用户显示。我只是用它来运行特定的任务。另一个窗口将是 UI 客户端，这将内置于 react。我正在使用 create-react-app。

我采取的步骤

• 我已经弹射了。
• 我创建了多个入口点。

基本上，我遵循了这里的讨论

我目前面临的问题是 webpack 将我的第二个捆绑文件插入到原始文件中 index.html

我希望两个束保持完全分开，因为次级束将由电子启动。

我需要在我的 webpack 配置中修改什么才能使包完全分开？

所做的修改

webpack.config.dev.js

入口：

entry: {
  app: [
    require.resolve('./polyfills'),
    require.resolve('react-dev-utils/webpackHotDevClient'),
    paths.appIndexJs,
  ],
  secondary: [
    require.resolve('./polyfills'),
    require.resolve('react-dev-utils/webpackHotDevClient'),
    paths.secondaryIndexJs,
  ]
},


output: {
  pathinfo: true,
  filename: 'static/js/[name].bundle.js',
  chunkFilename: 'static/js/[name].chunk.js',
  publicPath: publicPath,
  devtoolModuleFilenameTemplate: info =>
  path.resolve(info.absoluteResourcePath).replace(/\\/g, '/'),
},

HtmlWebpackPlugin插件中的附加内容

new HtmlWebpackPlugin({
  inject: true,
  chunks: ["secondary"],
  template: paths.secondaryHtml,
  filename: 'secondary.html',
}),

路径.js

• 相应修改

这是我在我的应用程序中使用的常见模式.

const data = [{
    id: 1234,
    name: 'item1',
    condition: true
  },
  {
    id: 1235,
    name: 'item2',
    condition: false
  },
  {
    id: 1236,
    name: 'item3',
    condition: true
  }
]

//filters into array of ids of objects that meet condition
const onlyIds = data.reduce((idArr, item) => {
  item.condition && idArr.push(item.id)
  return idArr;
}, [])

console.log(onlyIds);

我很好奇是否有我可以意识到的优化？

我很好奇的一些优化,可靠性,可读性,性能和口才.我是否应该考虑进行其他优化？