使用任务构建 Electron 和 webpack

Posted 2023-03-07

【中文标题】使用任务构建 Electron 和 webpack

【英文标题】：Electron and webpack build with task

【发布时间】：2018-11-16 05:18:06

【问题描述】：

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

反应16.4.0

电子2.0.2

Webpack 4.11.0

webpack-dev-server 3.1.4

此应用程序使用热重载（就目前的工作而言...）进行开发。每次我想开始我的项目时，我都必须紧接着开始两个任务，这越来越烦人。必须有更快的方法。有什么办法可以让它们用 1 个节点任务启动，然后它们相互启动？

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

---

package.json

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

【参考方案1】：

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

$ 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\""
,

不幸的是，这不会等待捆绑包完成。但我发现构建完成后我可以在 Electron 应用程序中点击重新加载 (Ctrl/Cmd + R) 一次，我很高兴。

【讨论】：

成功了！非常感谢！。你确实在electron-dev 任务之后忘记了一个逗号，不知何故我需要在“开发”(NODE_ENV=development&&) 之后立即设置&&，否则我最终会在名称“开发”之后有一个额外的空格。