根据官网学习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
})
);