Я использую css-модули со стилусом с веб-пакетом 4 [name] .module.styl Изоморфное приложение реакции с экспрессом
ERROR in ./src/common/components/Professional/Comments.module.styl
1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
> .rateText {
margin-top: 10px;
font-size: 14px;
}
@ ./src/common/components/Professional/Comments.js 30:0-44 48:19-25
60:19-25
@ ./src/common/containers/Professional/Professional.js
@ ./src/common/containers/index.js
@ ./src/common/containers/App/App.js
@ ./src/client.js
вот мои devDependencies
"css-loader": "^2.0.0",
"less-loader": "^4.1.0",
"postcss-loader": "^3.0.0",
"style-loader": "^0.23.1",
"webpack": "4.27.1",
"extract-text-webpack-plugin": "4.0.0-alpha.0",
"stylus-loader": "3.0.2"
и здесьмой конфиг правил webpack
{
test: /\.module\.styl$/,
use: ExtractTextPlugin.extract({
fallback: {
loader: require.resolve('style-loader'),
options: {
hmr: false
}
},
use: [
{
loader: 'css-loader',
options: {
modules: true,
importLoaders: 2,
minimize: true,
localIdentName: '[path]__[name]___[local]'
}
},
{
loader: 'postcss-loader',
options: postCssOptions(false)
},
'stylus-loader'
]
})
},
что я тут делаю не так?Я думаю, что при запуске веб-пакета он преобразует стилус в обычный css, а postcss добавит префиксы, а затем загрузчик css преобразует его в обычный js и в резервном режиме создает узлы стилей из строк JS с загрузчиком стилей