node.js - Electron 和 webpack 使用任务构建

Question

我正在构建一个应用程序:

• react 16.4.0

• Electron 2.0.2

• Webpack 4.11.0

• webpack-dev-server 3.1.4

该应用程序使用热重载(就目前而言)进行开发。每次我想开始我的项目时，我都必须依次开始两个任务，这很烦人。必须有一种更快的方法。有什么方法可以用 1 个 Node 任务启动它们，并且它们依次启动吗？

我必须注意，在启动 Electron 应用程序之前，开发服务器必须完成编译。

<小时/>

package.json

 "main": "main.js",
  "scripts": {
    "build": "webpack-dev-server --config webpack.dev.js --hot",
    "start": "SET NODE_ENV=development&& electron ."
  },

Answer 1

我在最近的一个项目中使用并发做了类似的事情。

$ npm i -SD concurrently

然后在你的package.json

"scripts": {
  "dev-server": "webpack-dev-server --config webpack.dev.js --hot",
  "electron-dev": "SET NODE_ENV=development && electron .",
  "start": "concurrently --kill-others --names \"webpack,electron\" \"npm run dev-server\" \"npm run electron-dev\""
},

不幸的是，这不会等待 bundle 完成。但我发现构建完成后我可以在 Electron 应用程序中点击重新加载 (Ctrl/Cmd + R) 一次，然后就可以开始了。