【问题标题】:Any way to import individual components instead of entire set?有什么方法可以导入单个组件而不是整个组件?
【发布时间】:2017-05-06 03:06:45
【问题描述】:

我不需要“核心”库中提供的所有组件,并且希望 treeshake/有选择地选择要导入的组件。我在其他成功的基础上尝试了一些变体和实验,但似乎无法让这个工作。

当前: import { Menu } from '@blueprintjs/core';

理想: import Menu from '@blueprintjs/core/Menu';

【问题讨论】:

    标签: blueprintjs


    【解决方案1】:

    您可以像这样导入特定组件:

    import { Menu } from "@blueprintjs/core/dist/components/menu/menu";
    

    unpkg有助于查看已发布包的文件夹结构。

    【讨论】:

    • 您好阿迪,感谢您的回复。您提供的解决方案不起作用(获取标准无法解决错误)。关于为什么的任何想法?使用 webpack 2.x 和 blueprintjs 1.16
    • 我在路径中缺少一个尾随 /menu。我已经更新了我的答案。另外,如果您对摇树感兴趣,请关注github.com/palantir/blueprint/issues/309
    【解决方案2】:

    让它工作:

    import { Menu } from "@blueprintjs/core/dist/components/menu/menu";

    import { Toaster } from "@blueprintjs/core/dist/components/toast/toaster"; 等等

    【讨论】:

    • 是的,这是正确的!您可以进入 dist 目录以获取所需的确切组件。我同意这条路很长,但生活就是这样。
    猜你喜欢
    • 2018-09-06
    • 2016-06-03
    • 2021-04-17
    • 2017-12-31
    • 2019-11-06
    • 1970-01-01
    • 2018-06-12
    • 1970-01-01
    • 2019-01-25
    相关资源
    最近更新 更多