Для добавления файла в Webpack Dev Server необходимо выполнить несколько шагов.
1. Создайте файл, который вы хотите добавить в сервер. Например, файл с именем example.txt
.
2. В конфигурационном файле webpack (webpack.config.js
) найдите опцию devServer
и добавьте свойство contentBase
. Это свойство указывает webpack-dev-server, где находятся статические ресурсы для обслуживания. Укажите путь к папке, которая содержит ваш файл. Например:
devServer: { contentBase: path.join(__dirname, 'public') }
3. Создайте папку public
(если ее еще нет) в корневой директории проекта и поместите в нее файл example.txt
(или другие файлы, которые вы хотите добавить).
4. Перезапустите webpack-dev-server.
Теперь ваш файл example.txt
должен быть доступен по адресу http://localhost:8080/example.txt
. Вы можете изменить порт или добавить дополнительные опции в конфигурацию devServer
, чтобы настроить поведение сервера по своему усмотрению.
Один важный момент: webpack-dev-server не обрабатывает файлы, он только обслуживает их статически. Если вам нужно выполнить какую-то специфическую логику для работы с этим файлом, вам придется написать соответствующий обработчик (например, используя Express.js).