如何从此库中导入单个组件?

How do I import a single component from this library?

我想了解如何使用 Babel、webpack 或任何我需要的工具从库中导入单个组件。

这里 https://rsuitejs.com/en/guide/usage 当你向下滚动到 'Use modularized rsuite' 他们说我需要安装 babel-preset-rsuite 然后添加一个 .babelrc 文件,但是里面有这个:

{
  "presets": ["rsuite"]
}

我搞定了,还是没有导入.less样式。所以我最终得到了一个没有漂亮样式的 HTML 按钮。

(我有点头衔,已经尝试了所有可能的方法,但没有任何效果,我只是因为另一个 webpack 问题而破坏了我的整个代码库,幸运的是我能够通过我的 VCS 恢复它)

谁能解释一下我是初学者,我到底要做什么?我是否必须 运行 一个特定的命令而不是 react-scripts start 以便它考虑这个 .babelrc 文件?

谢谢

关闭:

要使用库中的单个组件:

  1. 安装库
  2. 导入必要的组件:

    从'example-installed-library'

  3. 导入{示例}

开启:

和babel相关的,推荐这篇文章阅读: https://www.valentinog.com/blog/react-webpack-babel/

当然还有自己的文档站点:https://babeljs.io/

默认不引入less,需要配置style: true.

{
    "presets": [["rsuite", { style: true }]]
}