【问题标题】:TypeScript Library import another libraryTypeScript 库导入另一个库
【发布时间】:2020-09-10 15:54:13
【问题描述】:

我正在使用 TypeScript 开发一个库。

此库使用https://github.com/Simonwep/pickr 库。

我想让我的库可用,以便用户可以使用它,但问题是:我需要捆绑 pickr 库还是只是在 package.json 中添加一个引用? 我尝试在示例项目中使用该库,并且在开发模式下一切正常,因为它从 node_modules 加载,但是当我构建项目并尝试加载它时无法加载它。 它只能通过使用导入库来工作

<script src="https://cdn.jsdelivr.net/npm/@simonwep/pickr/dist/pickr.min.js"></script>

如果库将在网络浏览器中使用,我做了它,以便自动添加脚本标签。

但是,如果有人将在 ionic 项目中使用该库,例如在平板电脑上运行的项目,该怎么办? 在这种情况下,Pickr 库需要捆绑在最终构建中。

这是一个自动过程吗?在这种情况下,使用第三方库的正确方法是什么?

【问题讨论】:

    标签: javascript npm es6-modules


    【解决方案1】:

    如果您希望 pickr 与您的代码捆绑在一起,您必须这样做

    1. 在依赖项下列出它
    2. 在您的代码中导入它(参见 pickr 文档)

    如果它未在您的代码中导入,则不会被捆绑。

    如果你想告诉用户在使用你的模块时手动添加pickr,你可以在你的package.json中将pickr列为peerDependency

    【讨论】:

    • 谢谢,但是在这种情况下最好的方法是什么?例如,如果库将与cordova一起使用,在这种情况下需要捆绑pickr。那么我需要这样做还是使用该库的用户需要确保正确导入pickr?
    猜你喜欢
    • 2017-08-07
    • 2018-12-24
    • 2017-10-23
    • 1970-01-01
    • 2016-10-21
    • 2013-10-03
    • 1970-01-01
    • 2019-11-24
    • 2019-07-23
    相关资源
    最近更新 更多