1.拋出配置項

npm run eject

2.安裝less和less-loader

cnpm install less less-loader

3.配置webpack.config.js文件

打開 config 目錄下的 webpack.config.js 文件，找到 // style files regexes 注釋位置，仿照其解析 sass 的規(guī)則，在下面添加兩行代碼

// 添加 less 解析規(guī)則
const lessRegex = /\.less$/;
const lessModuleRegex = /\.module\.less$/;

找到 rules 屬性配置，在其中添加 less 解析配置

// 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: true,
            getLocalIdent: getCSSModuleLocalIdent,
        },
        'less-loader'
    )
},