自己的react項(xiàng)目用到了css-modules,由于不太想在寫className時(shí)寫style.xxx于是google解決方案，找到了這貨->babel-plugin-react-css-modules批旺。
然而寫配置時(shí)踩了無數(shù)坑菌仁，網(wǎng)上唯一一篇中文講使用的文章也過時(shí)了(webpack...)，結(jié)合github文檔及官方的demo終于鼓搗出了一個(gè)能用的配置佩伤。
{
test: /\.(js|jsx)$/,
include: paths.appSrc,
loader: require.resolve('babel-loader'),
...
...
"plugins": [
...
// 其他插件
[
"react-css-modules", {
"generateScopedName": '[name]-[local]-[hash:base64:5]',
"filetypes": {
".styl": {
"syntax": "sugarss",
}
}
}
]
]
},
},
本人使用了stylus因此syntax使用了sugrass,詳情戳這里聊倔。
這個(gè)插件不支持webpack的alias，可以用postcss解決生巡，詳情戳這里耙蔑。
