Сборка Electron и webpack с помощью задачи
Я создаю приложение с:
Реагировать
16.4.0Электрон
2.0.2Webpack
4.11.0webpack-dev-сервер
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\""
},
К сожалению, при этом не нужно ждать завершения сборки. Но я обнаружил, что могу просто нажать кнопку перезагрузки (Ctrl / Cmd + R) один раз в приложении Electron после завершения сборки, и все готово.
Это сработало! Большое спасибо!. Вы забыли запятую после задачи
electron-dev, и мне каким-то образом нужно установить&&сразу после слова «разработка» (NODE_ENV = development &&), в противном случае я получаю дополнительный пробел после имени «разработка».