关于 injectBabelPlugin is not a function

根据官网学习ant design的时候，编辑以下代码无法运行

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

config = injectBabelPlugin(

['import',{ libraryName: 'antd',libraryDirectory: 'es',style: 'css' }],config,);

return config;

};

报错injectBabelPlugin is not a function

搜索得知，react-scripts 升级到 2.1.2 以后破坏了 react-app-rewired，react-app-rewired的新版本删除所有方法injectBabelPlugin，这些方法被移动到一个名为'customize-cra'的新包中了

修改方法：
1.确保已经下载customize-cra，less-loader
2.修改config-overrides文件为

const {
  override,fixBabelImports
} = require("customize-cra");
module.exports = override(

fixBabelImports("import",{

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

})

);

参考：

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!