Webpack позволяет импортировать css в код js. В чем удобство этого способа?

Question

[shapovaloff]

Не пойму, для чего нужен импорт css стилей в webpack. И в каком случае это может быть удобно?

Comments

[Сергей delphinpro]

Когда у нас есть компонент, например super-button
Имеем файлы

super-button.js
super-button.css
super-button.html

Импортируем стили и шаблон в super-button.js, получаем единый компонент.
Импортируем компонент там где нам нужно единственным импортом

import SuperButton from './super-button';
Удобно? Удобно.

Дополнительно получаем плюсы tree-shaking`ка — неиспользуемый код будет эффективно вырезаться из сборки. При необходимости отщепляем стили от скриптов соответствующими плагинами в отдельный файл. При настройке чанков или динамических импортов, все будет раскидано по чанкам и подгружаться только при необходимости.

В общем, сплошные плюсы, без очевидных минусов.

[Максим Тимофеев]

Сергей delphinpro,

Удобно? Удобно.

а при чем тут результирующие файлы? Импортировали, а при сборки js к js, а css к css, объединили, минифицировали, добавили префиксов и соли по вкусу, вот тогда удобно.
Меня бесит эта система все в js.