时间戳

首页 > 解决方案 > 使用任务构建 Electron 和 webpack

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

问题描述

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

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

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

包.json

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

标签： node.jsreactjswebpackelectronpackage.json

解决方案

我在最近的一个项目中使用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) 一次，我很高兴。

推荐阅读