Javascript 如何在ReactJS中使用fixBabelImports导入多个ui库

我试图将两个ant design ui库与fixBabelImports一起使用，即和。我尝试了以下方法，两种方法都没有控制台错误，但我不确定哪种方法是正确的

方法1

const{override，fixBabelImports，addLessLoader}=require（'customize-cra'）；
const-theme=require（'./package.json'）.theme；
module.exports=覆盖（
fixBabelImports（'antd'{
图书馆名称：“antd”，
库目录：“es”，
风格：没错，
}),
fixBabelImports（“导入”{
libraryName:“antd mobile”，
风格：对
}), 
addLessLoader({
javascriptEnabled:true
})
);根据定制cra，方法1是正确的

文档中的AddExternalAbelPlugins（插件）示例：

module.exports = override(
  disableEsLint(),
  ...addExternalBabelPlugins(
    "babel-plugin-transform-do-expressions",
    "@babel/plugin-proposal-object-rest-spread"
  ),
  fixBabelImports("lodash", {
    libraryDirectory: "",
    camel2DashComponentName: false
  }),
  fixBabelImports("react-feather", {
    libraryName: "react-feather",
    libraryDirectory: "dist/icons"
  })
);

嗨，你得到答案了吗？我正在尝试导入antd和PrismJ，但似乎无法让它们正常工作