react 项目支持less配置

react 项目支持less配置

less配置

初始步骤，暴露配置文件

yarn eject

第一步：

在webpack.config.js文件(暴露后在config文件夹下)中设置如下:

66行 插入less更改:
const lessRegex = /\.less$/;
const lessModuleRegex = /\.module\.less$/;
500行，插入：
{
    test: lessRegex,
    exclude: lessModuleRegex,
    use: getStyleLoaders({
    importLoaders: 3,
    sourceMap: isEnvProduction
    ? shouldUseSourceMap
    : isEnvDevelopment,
    }, "less-loader"),
    // Don't consider CSS imports dead code even if the
    // containing package claims to have no side effects.
    // Remove this when webpack adds a warning or an error for this.
    // See https://github.com/webpack/webpack/issues/6571
    sideEffects: true,
    },
    // Adds support for CSS Modules (https://github.com/css-modules/css-modules)
    // using the extension .module.css
    {
    test: lessModuleRe