Как сохранить сборку в папку при development?

Question

[Алексей Бугаев]

Начал изучать webpack, пользую готовым конфигом и не особо в нем понимаю, но все работает, сжимается и перезагружается. Сейчас в режиме development webpack все берет из оперативной памяти (если я правильно понимаю) и когда мне нужно посмотреть что там в сборке приходится смотреть через инструменты разработчика. Подскажите можно ли собраные файлы записывать в папку dist или другую какую-нибудь? Или для этого нужно останавливать девелопмент, запускать продакшен режим, а потом опять запускать девелопмент?

Answer 1

[Dizelle]

Судя по всему, вы подключили webpack-dev-server, который при работе действительно создает все бандлы в памяти. Чтобы заставить его записать файлы в папку dist добавьте в настройки webpack следующий фрагмент и пересоберите проект.

devServer: {
  writeToDisk: true
}

Вот это место в документации: https://webpack.js.org/configuration/dev-server/#d...

Answer 2

[Владимир Коротенко]

Обычно при девелопменте все висит в памяти, Hot reload и все такое, это вполне оправдано
Хотите изменить создайте stage, dev да любое окружение

В чем вопрос?

Comments

[Алексей Бугаев]

Мне не понятна ваша фраза: создайте stage, dev да любое окружение

[Владимир Коротенко]

Алексей Бугаев,

Проект подразумевает несколько конфигураций

В вашем случае, например

npm run build
npm run serve

Создайте промежуточные конфигурации, где используются другие конфигурации, например
npm run stage

на котором вы и обкатаете непонятные вам моменты.

[Иван Попеня]

Пожалуйста покажите код webpack и package.json