react less配置不生效

Question

• 引入

import './index.less'

• package.json

"less": "^4.1.1",
"less-loader": "^6.0.0",

• webpack

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

// oneof[]添加
{
   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'
     ),
},

• html

<div className="login">
    <div className="top">top</div>
    <div className="left"></div>
    <div className="right"></div>
</div>

• less

.login{
    // background: url(../../assets/bg_login.jpg);
    // width: 100%;
    // height: 100%;
    .top{
        color: red;
    }
}

Answer 1

你好，我是有问必答小助手，非常抱歉，本次您提出的有问必答问题，技术专家团超时未为您做出解答

本次提问扣除的有问必答次数，将会以问答VIP体验卡（1次有问必答机会、商城购买实体图书享受95折优惠）的形式为您补发到账户。

​​​​因为有问必答VIP体验卡有效期仅有1天，您在需要使用的时候【私信】联系我，我会为您补发。