react项目配置less(配置config-overrides.js)
1、安装yarn add react-app-rewired customize-cra2、在根目录下创建config-overrides.js文件3、安装 yarn add babel-plugin-import less less-loader4、在config-overrides.js里配置const {override,addLessLoader} = require('customize
·
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
更多推荐
已为社区贡献2条内容
所有评论(0)