React项目中使用less

create-react-app脚手架搭建的React项目中支持css及sass，不支持less，想要使用less，需要手动设置

• npm安装包npm install less less-loader
• 暴露config（不可逆）npm run eject
• 修改webpack.config.js文件(webpack 4.x 以上版本）（如果是webpack 4.x 以下版本，修改webpack.config.dev.js 和 webpack.config.prod.js两个文件）

修改第一处，添加以下代码

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

修改第二处，添加以下代码

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

接下来就可以正常使用less了
具体使用方法参考less官网http://lesscss.cn/