Question

但是，它不使用样式化组件，只使用旧的基本css模块。 .css文件就像10k行。有一种方法可以只使用这些你需要，但首先你必须安装babel。

不幸的是，我没有在我的项目中使用babel，只是打字稿。

https://ant.design/docs/react/introduce - 这里写的是我需要babel和babel-import-plugin。但正如我所说，我没有使用它，我不想在我的项目中使用它。

对于那些不想进入外部网站的人：

Use modularized antd#
Use babel-plugin-import (Recommended)

// .babelrc or babel-loader option
{
  "plugins": [
    ["import", { "libraryName": "antd", "libraryDirectory": "es", "style": "css" }] // `style: true` for less
  ]
}

问题：有没有办法使用moducript或仅使用webpack左右使用模块化的css（只导入你需要的这些样式）？没有巴贝尔？

谢谢

Answer 1

过去1年来，我一直在使用Antd和react。

当您尝试使用模块化antd时，这就是问题，否则此问题将不存在。

模块化

从'antd / lib / date-picker'导入DatePicker; //用于js

导入'antd / lib / date-picker / style / css'; //对于CS

未模块化

import'antd / dist / antd.css'; //一旦进入src文件夹中的index.js文件，

从'antd'导入{DataPicker，Button，Grid}; //您需要的任何组件

您真的要使用模块化antd吗？

如果您改变了心情，这是我https://github.com/shreyansRS/react-redux-antd的git存储库

如果您仍然想使用模块化，我认为在index.js中导入“ antd / lib / date-picker / style / css”应该可以。

Ant设计 - 有没有办法获得我实际使用的样式？

1 个答案: