Как правильно собрать webpack.config?

Добрый вечер, всем! Ребята помогите разобраться с webpack.config Уже долгое время пытаюсь нормально собрать и никак не получается! Что-то да сломается. А нынешний файл вообще беден. Даже webpack-dev-server не работает! В идеале, мне нужен файл, в котором было бы следующее:
сразу оговорюсь, что могу ошибаться с названиями модулей. Передаю смысл

  • less
  • less, css loaders
  • sourcemap
  • модуль, ставящий в отдельный файл css, js код от общего js
  • webpack-dev-server конечно
  • babel
  • что, позволяющее сделать css кроссбраузерным. Возможно это автопрефикс
  • И что-то на ваше усмотрение, что можете ещё посоветовать

У меня есть похожий (но несколько устаревший) конфиг. SCSS вместо LESS, по-моему без source-map и без автопрефикса. Посмотри, может быть поможет.


EDIT: обновил пакеты и немного поправил сборщик.
2 симпатии

А также, если есть ссылка на репозиторий, можешь приложить, чтобы стянуть и подебажить.

1 симпатия

Спасибо тебе большое!!!

Без проблем. Если что-то не до конца работает - стучи.
А вообще почти все, с кем я в последнее время работал, тупо используют create-react-app (или его аналоги) и не имеют проблем :)