1、安装 yarn add react-app-rewired customize-cra
2、在根目录下创建config-overrides.js文件
3、安装 yarn add babel-plugin-import less less-loader
4、在config-overrides.js里配置

const {override,addLessLoader} = require('customize-cra')

module.exports = override(  
    addLessLoader({
     lessOptions: {
      localIdentName: '[local]--[hash:base64:5]'
    }
    })
)

5、重启react项目,即可编写less。可能遇到的问题:报TypeError: this.getOptions is not a function错误。是less-loader不兼容导致
解决方法:
// 卸载

yarn remove less-loader

//配置其他低版本,如7.x:

yarn add less-loader@7.x 
Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐