Как сервер Webpack dev использует пакет без файла в каталоге сборки?

Question

Я заметил, что когда я запускаю webpack, у меня все мои связанные файлы находятся в каталоге сборки, но когда я запускаю webpack-dev-server, я не вижу их в каталоге сборки, тем не менее, все работает.

Как WDS удается это сделать?Вот мои сценарии:

  "scripts": {
    "build": "npx yarn clean && webpack --mode production",
    "buildRemote": "npx yarn clean && webpack --config webpack.config.remote.js",
    "clean": "rm -rf build",
    "watch": "webpack-dev-server --quite --no-info"
  },

Спасибо!

Answer 1

Разница в том, как каждый метод обрабатывает сгенерированные ресурсы webpack.

Когда вы запускаете команду webpack, все идет к объявленному output.path через модуль fs.Другими словами, сгенерированные активы записываются на диск.

Теперь, когда вы запускаете webpack-dev-server , под капотом webpack-dev-middleware запускается. Это промежуточное программное обеспечение Express, которое обслуживает сгенерированные ресурсы webpack.Под капотом он использует memory-fs и, как следует из названия, это модуль файловой системы, который обрабатывает все объекты javascript, которые хранятся в памяти.