React配置less和scss

这种基本上就是安装个less/scss和对应的loader，然后去webpack里配置一下。

create-react-app脚手架生成的项目默认隐藏掉了webpack配置，所以配置less/scss之前先把配置文件暴露出来：

npm run eject

一.less
1.首先是下载less和less loader：

yarn add less less-loader
或者
npm add less less-loader

2.修改config/webpack.config.js
添加下面两行：

const lessRegex= /\.less$/;
const lessModuleRegex=/\.module\.less$/;

然后添加lessRegex和lessModuleRegex：

{
              test: sassModuleRegex,
              use: getStyleLoaders(
                {
                  importLoaders: 3,
                  sourceMap: isEnvProduction && shouldUseSourceMap,
                  modules: {
                    getLocalIdent: getCSSModuleLocalIdent,
                  },
                },
                'sass-loader'
              ),
            },
//下面为新添加的，上面代码只是帮助你找到添加代码的位置@_@