自己的react项目用到了css-modules,由于不太想在写className时写style.xxx于是google解决方案，找到了这货->babel-plugin-react-css-modules。
然而写配置时踩了无数坑，网上唯一一篇中文讲使用的文章也过时了(webpack...)，结合github文档及官方的demo终于鼓捣出了一个能用的配置。

{

                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,详情戳这里。
这个插件不支持webpack的alias，可以用postcss解决，详情戳这里。