Почему webpack-dev-server не возвращает стили, хотя в dist они присутсвуют?

Webpack-dev-server не возвращает стили, потому что он использует в памяти (in-memory) файловую систему для хранения и обслуживания файлов во время разработки. Это означает, что файлы не сохраняются на диск и не доступны напрямую через URL-адрес.

Когда вы запускаете webpack-dev-server с настройками для обработки стилей, Webpack генерирует соответствующие стили и помещает их в памяти. Однако они не будут доступны по URL-адресу, потому что webpack-dev-server не предоставляет эту функциональность по умолчанию.

Вместо этого, стили автоматически вставляются в HTML-страницу в виде инлайн-стилей при загрузке страницы с помощью веб-сервера webpack-dev-server. Это облегчает искоренение необходимости для отдельных файлов стилей во время разработки.

Если вы хотите, чтобы стили были доступны через URL-адрес при использовании webpack-dev-server, можно внести некоторые изменения в настройки webpack.config.js. Вам нужно добавить опцию "publicPath", которая определяет каталог, в котором будут доступны все сгенерированные ресурсы. Например:

module.exports = {
  //...
  output: {
    filename: 'bundle.js',
    publicPath: '/',
  },
  //...
};

Здесь мы установили «publicPath» в «/», что означает, что все сгенерированные ресурсы будут доступны в корневой папке.

После внесения этого изменения, стили будут доступны по URL-адресу, например, http://localhost:8080/styles.css.

Стоит отметить, что это настройка взаимодействует с другими настройками и зависит от конфигурации вашего проекта и использованных плагинов. Может потребоваться некоторое дополнительное настройка в зависимости от ваших потребностей.