Webpack и Local CSS — как подружить?

Question

[Антон Измайлов]

Всем доброго времени!
Есть проблема, которую не могу побороть уже 2й день подряд.

Проблема следующая - когда в React компоненте прописываю

const Styles = require('../_components/styles/workers.css');

подключение следующим образом, то webpack отказывается собирать проект ругаясь на 1й символ 1й строки css файла.
Его содержимое:

.test{
color: red;
}

Так вот вопрос - кто-нибудь сталкивался с таким? И как решили?

Comments

[Евгени Яблочкин]

Возможно loader не подключен, как написали ниже, покажите саму ошибку, ничего не понятно

[Антон Измайлов]

Евгени Яблочкин: [SyntaxError: Unexpected token .]

Answer 1

[bromzh]

лоадер css и styles в конфиге вебпака указал?

Comments

[Антон Измайлов]

{ test: /\.scss$/, loader: 'style!css!sass?modules&importLoaders=2&localIdentName=[name]__[local]___[hash:base64:5]' }

да

[bromzh]

Антон Измайлов: Ну и где тут лоадер для CSS? Ты импортишь файл, оканчивающийся на .css, а лоадер для .scss. Вебпак пока телепатией не обладает, надо всё самому писать.

[Антон Измайлов]

bromzh: извиняюсь, файл scss прикрепляю. Но в случае с css тоже не работает

[bromzh]

Антон Измайлов: блин, я не понял. Ты requie'ишь css или sass? Ну и ещё раз убедись, что лоадеры стоят правильные. Т.е. для css: test: /\.css$/, loader: 'style!css?sourceMap' (ну и дальше твои лоадеры/конфиги)
И для SASS: test: /\.scss$/, loader: 'style!css!sass?...'
Ещё попробуй посмотреть, что сам вебпак выводит. Если мало инфы, посмотри в доках вебпака уровень логирования.