如何从该库导入单个组件?

时间:2019-01-21 15:01:56

标签: javascript reactjs webpack babeljs

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

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

{
  "presets": ["rsuite"]
}

我已经做到了,它仍然没有导入.less样式。因此,我最终得到一个HTML按钮,但没有随之而来的漂亮样式。

(我有点头衔,尝试了所有可能的方法,但没有任何效果,由于另一个webpack问题,我刚刚破坏了我的整个代码库,幸运的是,由于有了VCS,我得以将其恢复了)

有人可以请初学者解释我到底是做什么的吗?我是否需要运行特定的命令而不是react-scripts start才能使此.babelrc文件考虑在内?

谢谢

2 个答案:

答案 0 :(得分:1)

关闭:

要使用库中的单个组件,请执行以下操作:

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

    import {Example} from'example-installed-library'

打开:

与babel有关,我建议这篇文章阅读: https://www.valentinog.com/blog/react-webpack-babel/

当然,它是带有文档的自己的网站:https://babeljs.io/

答案 1 :(得分:0)

默认情况下,不引入较少内容,则需要配置style: true

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