Как автоматически запускать Webpack-dev-server после каждого сохранения? - PullRequest
Новая
       8

Как автоматически запускать Webpack-dev-server после каждого сохранения?

0 голосов
/ 08 марта 2019

Я хочу автоматически запустить и автоматически обновить webpack-dev-server, когда я использовал пакет AutoSave OnChange из Atom и запустил свое приложение.

My webpack-dev-server is: 

devServer: {
        contentBase: './src/index.js',
        host: '0.0.0.0',
        compress: true,
        port: 3001, // port number
        historyApiFallback: true,
        quiet: true,
    }

Я использую шаблон Reactify, и сценарии моего пакета.json: 

"scripts": {
    "start": "webpack-dev-server --mode development --inline --progress",
    "build": "webpack --mode production"
  },

Ответы [ 3 ]

1 голос
/ 08 марта 2019

Добавьте флаг наблюдения в ваш стартовый скрипт.

"start": "webpack-dev-server - разработка модов --inline --progress --watch"

1 голос
/ 08 марта 2019

Попробуйте добавить флаг --watch в стартовый скрипт!

0 голосов
/ 30 апреля 2019

WDS будет обрабатывать перезапуск сервера при изменении связанного файла, но как быть при редактировании конфигурации веб-пакета?Перезапуск сервера разработки каждый раз, когда вы вносите изменения, через некоторое время становится скучным.Процесс можно автоматизировать, как описано в GitHub, с помощью инструмента мониторинга «nodemon».

Чтобы запустить его, сначала необходимо установить его через npm install nodemon --save-dev.После этого вы можете настроить просмотр веб-пакета и перезапустить WDS при изменении.Вот сценарий, если вы хотите попробовать:

package.json

"scripts": {"start": "nodemon --watch webpack.config.js --exec \"webpack-dev-server --mode development \" "," build ":" webpack --mode production "}, возможно, WDS в будущем будет поддерживать саму функциональность.Если вы хотите, чтобы он перезагружался при изменениях, вам следует реализовать этот обходной путь.

...