关于 injectBabelPlugin is not a function

前端之家收集整理的这篇文章主要介绍了关于 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
})
);

参考:

猜你在找的程序笔记相关文章