Пишу про разработку вообще и в частности про: JavaScript, HTML5, CSS3, AngularJS, ReactJS, Agile, Bitcoins

Подключение стилей через webpack

Подключать стили через webpack не очень сложно, есть два основных варианта:

Преимущество хранения в одном файле в том, что все стили подгружаются отдельно и отсутствует этап манипуляции DOM’ом. Это, хорошо, потому что сокращается время парсинга. Это, кстати, самый емкий по настройкам способ. Нам потребуется использовать плагин ExtractTextplugin, для экспорта стилей. Я обычно использую less, для работы со стилями, но сути дела от это не меняет.

webpack.config.js

Встраивать стили в js файлы проще. Для этого дополнительный плагинов не требуется, достаточно только указать каким “лоадером” парсить стили:

webpack.config.js

Я предпочитаю использовать второй способ – встраивать стили в js файлы. Тому есть несколько причин:

Поделиться:
comments powered by Disqus