При использовании babel с nodemon, представление не обновляется при изменении файлов?

Question

package.json

  "scripts": {
    "build": "babel app.js -d dist",
    "start": "npm run build && nodemon dist/app.js"
  },

...

  "devDependencies": {
    "babel-cli": "^6.26.0",
    "babel-preset-env": "^1.7.0",
    "nodemon": "^1.18.9"
  }

app.js

import express from 'express';
const app = express();
const port = process.env.PORT || 3000;

app.use('/', (req, res) => {
  res.send('World 1');
});

app.listen(port, () => {
  console.log('Example app listening on port 3000!');
});

Когда я бегу npm start

Вывод из браузера

Когда в код вносятся изменения, приложение перезапускается.

Здесь я сделал «Мир 1» для «Мир 2»

Но когда я обновляю браузер, он все равно показывает World 1

Если я снова сделаю npm start и восстановлю, то браузер покажет «Мир 2»

Как мне это исправить?

* ** 1045 тысяча сорок четыре * [Пример узла-сервера] 4

Answer 1

Проблема в том, что nodemon запускает собранный код, а сборка не происходит после изменения кода. Вот почему вы не получаете обновления.

Вам следует рассмотреть возможность запуска nodemon без необходимости сборки во время разработки

nodemon --exec babel-node lib/index.js

Answer 2

"start": "nodemon dist/app.js --exec babel-node --presets babel-preset-env",

Чтобы babel работал с nodemon, вы должны запустить скрипт, как указано выше.

Пожалуйста, пройдите это .