在react项目中配置less

参考文章链接：
https://www.jianshu.com/p/4c07e3b3351d
因为默认使用的是css，所以想要使用less就需要自己配置一下。

第一步：暴露出webpack配置文件

npm run eject (此命令一旦运行不可逆)

第二步：安装less以及less-loader

npm install less less-loader --save-dev

第三步：修改webpack的配置文件

执行完上一步的命令之后，项目目录会多出一个config文件夹，到webpack.config.js这个文件里面增加less配置。

增加less配置

在webpack.config.js中增加以下代码：
可以搜索sassRegex，添加在它的后面。
(1)

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

（2）

                        {
                            test: lessRegex,
                            exclude: lessModuleRegex,
                            use: getStyleLoaders({
                                    importLoaders: 1,
                                    sourceMap: isEnvProduction && shouldUseSourceMap,
                                },
                                'less-loader'
                            ),
                            sideEffects: true,
                        },
                        {
                            test: lessModuleRegex,
                            use: getStyleLoaders({
                                    importLoaders: 1,
                                    sourceMap: isEnvProduction && shouldUseSourceMap,
                                    module: true,
                                    getLocalIdent: getCSSModuleLocalIdent
                                },
                                'less-loader'
                            ),
                        },