antd-mobile 无法加载react-app-rewired

const { injectBabelPlugin } = require('react-app-rewired');
module.exports = function override(config, env) {

config = injectBabelPlugin(['import', { libraryName: 'antd-mobile', style: 'css' }], config);
return config;

};
我按照官网的步骤来的,但是控制台报错
yarn run v1.7.0
$ react-app-rewired start
injectBabelPlugin is not a function
errorinfo Visit Command failed with exit code 1.
https://yarnpkg.com/en/docs/c... for documentation about this command.

Process finished with exit code 1

 

解决方案
make sure u installed 'customize-cra' and react-app-rewired@2.x
make sure u installed 'less' and 'less-loader'
and then here is the config-overrides.js
const {
override,
fixBabelImports,
addLessLoader,
} = require("customize-cra");

module.exports = override(
fixBabelImports("import", {

libraryName: "antd", libraryDirectory: "es", style: true // change importing css to less

}),
addLessLoader({

javascriptEnabled: true,
modifyVars: { "@primary-color": "#1DA57A" }

})
);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值