2

На одном проекте видел, как gulp искал все scss в проекте и компилировал их в один css. Причем, файлы между собой связаны не были, т.е. не использовались @import внутри scss. Вопрос: можно ли / как настроит webpack, чтобы он делал то же самое, причем в файлах не писать require, а просто в index.html подключить один "style.css"?

1 ответ 1

0

Вообще, для этого вам не нужен webpack и он так не работает. Просто воспользуйтесь транслятором scss. Он вам нужен в любом случае. А также, тем или иным скриптом для автоматизации сборки. Для запуска как транслятора, так и webpack, используйте npm scripts. Также, API транслятора можно инициировать из webpack.config.js.

Но можно сделать это с помощью Webpack Extract Text Plugin и вот такого style.js в индексе:

(function (requireContext) {
    return requireContext.keys().map(requireContext);
} (require.context('../', true, /(\.scss$)|(\.css$)/)));
1
  • Спасибо, попробую попозже )) 18 ноя 2016 в 9:20

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.