@danforth

Как настроить Webpack под верстку темы, без привязки к JS файлам?

Всем привет, есть примерно такая структура папки ./src/:


.
├── html
│   ├── category.html
│   └── index.html
├── js
│   └── index.js
└── sass
    ├── critical.sass
    ├── main.sass
    └── _variables.sass


В результате хочу получить такое:
.
├── category.html
├── index.html
├── js
│   └── index.min.js
└── styles
    ├── critical.min.css
    └── main.min.css


Алгоритм такой:
  1. Все HTML файлы просто копируются из папки ./src/html/ в папку ./dist/. Позже эти файлы будут использованы для интеграции верстки в движок.
  2. Только два стиля: critical.sass и main.sass обрабатываются препроцессором, и экспортируются в папку ./dist/styles/[name].min.css
  3. С JS пока не решил, но скорее всего файл должен минифицироваться и экспортироваться в ./dist/js/[name].js


Как должен выглядеть конфиг файл чтобы на выходе получить нужную мне структуру и безболезненно разрабатывать? Первый раз пытаюсь настроить вебпак конфиг, смотрю в доку, и не совсем понимаю с какой стороны подойти. Вижу, что там стили иногда подключаются через JS, и по ощущениям там прям все завязано на один JS файл. Но мне это не нужно, я хочу стили подключать как обычно где-то в футере в самом низу, т.к. это не какое-то SPA приложение, весь фронтенд будет потом интегрироваться в CMS.
  • Вопрос задан
  • 110 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы