Webpack: сначала объедините все импортные файлы css с загрузчиком css, затем обработайте результат с помощью sass - PullRequest
0 голосов
/ 27 февраля 2019

Я искал способ взять вывод css-загрузчика (используемый в этом случае для импорта большого количества файлов вместе с наилучшей производительностью) и обработать его с помощью sass.

Сначала я знаю обычный способ использования sass, но из того, что я видел, css-загрузчик НАМНОГО более производительный (я полагаю, он использует больше возможностей wepack).

Таким образом, css-loader создает один «файл» из всех импортируемых файлов, а затем обрабатывает sass для этого «файла».Возможно ли это без написания пользовательского плагина?

то есть

У меня много файлов sass.Я хочу объединить их все с помощью css-загрузчика (файлы связаны вместе с помощью импорта) и обработать вывод с помощью sass.Я протестировал x количество css-файлов с импортом (в этом случае импорт обрабатывается css-загрузчиком) по сравнению с тем же количеством scss-файлов с импортом (в этом случае импорт обрабатывается sass-загрузчиком).

При изменении одного файла wepack потребовалось 200 мс для восстановления в первом случае и> 1000 мс во втором.Я знаю, что это не совсем справедливое сравнение из-за дополнительного времени на обработку scss во втором случае, но у меня сложилось впечатление, что css-загрузчик гораздо эффективнее при изменении файла: он лучше отслеживает зависимости, кеш fs и т. Д..

...