如何正确捆绑AntD?

这是我第一次不为项目使用CRA,因此请遵循本指南here

在标题Customize Theme下。我正在尝试导入ant.design默认样式(如果可能,如果未导入组件则不导入样式?),并能够覆盖它。我不确定从这里到底要去哪里。如何在.babelrc中实现less / less-loader部分?

我还希望能够利用babel-plugin-import的优势,以便可以按需调用该组件,因为它看起来就像是导入整个库。

{
  "presets": [
    "@babel/preset-env","@babel/preset-react"
  ],"plugins": [
    "@babel/plugin-proposal-class-properties",[
      "import",{
        "libraryName": "antd","libraryDirectory": "es"
      }
    ]
  ]
}

如何正确捆绑AntD?

TJJ123456 回答:如何正确捆绑AntD?

我遇到了同样的问题,但是我解决了。在根目录中创建文件webpackrc并粘贴以下脚本

{
"extraBabelPlugins": [
["import",{ "libraryName": "antd","libraryDirectory": "es","style": "css" }]
]
}

或尝试使用此命令导入antd CSS-

@import '~antd/dist/antd.css';

在App.css和Index.css之一/两者的顶部。

希望有帮助!

本文链接:https://www.f2er.com/2812166.html

大家都在问