javascript - 如何从此库中导入单个组件？

Question

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

这里https://rsuitejs.com/en/guide/usage当您向下滚动到“使用模块化 rsuite”时，他们说我需要安装babel-preset-rsuite然后添加一个.babelrc文件，但其中包含以下内容：

{
  "presets": ["rsuite"]
}

我已经完成了，它仍然没有导入 .less 样式。所以我最终得到了一个没有漂亮样式的 HTML 按钮。

（我有点标题，已经尝试了所有可能的事情但没有任何效果，我刚刚因为另一个 webpack 问题而破坏了我的整个代码库，幸运的是我能够通过我的 VCS 恢复它）

有人可以向初学者解释我到底该怎么做吗？我是否必须运行特定命令而不是react-scripts start让它考虑这个 .babelrc 文件？

谢谢

Answer 1

离开：

要使用库中的单个组件：

1. 安装库

2. 导入必要的组件：

   从 'example-installed-library' 导入 { 示例 }

上：

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

当然，它有自己的网站，有文档：https ://babeljs.io/

Answer 2

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

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