React hot reload может отслеживать css?

Question

[Игорь Шумиловский]

Привет, ребята. React-hot-loader отлично выполняет свою работу по "горячей" перезагрузке модулей, но не следит за изменением в css. Это можно как-то исправить? Кто пользуется данной штукой, подскажите, как вы рефрешите страницы, если css лежит в разных с компонентом файлах?

Comments

[Максим]

Почему бы просто не import'ировать css файлы в компоненте? структура кода поддерживается, хот-релоад работает. Минусов в таком способе не вижу.

[Игорь Шумиловский]

maxfarseer: внутри компонента?

[Игорь Шумиловский]

Игорь Шумиловский: Нашел ответ. Есть другой вариант

[Максим]

Игорь Шумиловский: да, просто import my-component-styles.scss ...

[Игорь Шумиловский]

maxfarseer: в моем случае не подходит такой вариант, поскольку я использую Css модули

Answer 1

[Игорь Шумиловский]

Style-loader имеет поддержку HMR, потому для того, чтобы была перезагрузка стилей, нужно не выносить стили в файл (не использовать extract-text-webpack-plugin)

loaders: [
        'style?sourceMap',
        'css?modules&importLoaders=1&localIdentName=[path]___[name]__[local]___[hash:base64:5]'
]