通过Link-Tag从包中导入组件的最佳方式是什么？

Question

目前，我通过相对路径从包中导入组件：

<link rel="components" href="packages/packageA/components/login.html">

然而，当我开始嵌套包时，这不再正常工作。我设置了一个小示例，可以在这里找到：https://github.com/nikgraf/nesting-components

当我尝试构建软件包应用程序时，我得到了这个错误消息：

error web/packages/packageA/components/login.html:6:5: exception while reading file         "web/packages/packageA/components/packages/packageB/components/button.html", original message:
 FileIOException: Cannot open file 'web/packages/packageA/components/packages/packageB/components/button.html' (OS      Error: No such file or directory, errno = 2)
    <link rel="components" href="packages/packageB/components/button.html">
    ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
warning web/packages/packageA/components/login.html:12:7: custom element with tag name button not found.
      <div is="button"></div>
      ^^^^^^^^^^^^^^^^^     

当前结构：

应用依赖: PackageA

PackageA依赖: PackageB

一些背景信息可能会有所帮助:我的应用程序包含来自包A的x-login组件，我们构建的几个Dart应用程序都使用该组件。x-login组件和一般的包A包含我们的应用程序的特定代码。x-login应该能够使用包B中的x-button组件。包B是一个包含我们想要发布的通用组件的包。

关于如何以不同的方式构建我的应用程序，或者如何以更好的方式导入组件，您有什么建议吗？

Answer 1

为您的实用程序组件和特定于域的组件提供单独的包似乎是一个好主意。

在包含组件时，您可以使用"package:packageA“样式的语法，而不必使用相对路径。

<link rel="import" href="package:packageA/components/login.html">

只要您的pubspec知道packageA在哪里，您就应该没问题。这意味着当您将包依赖的路径更改为git或pub url时，它仍然可以工作。

Pub Package Manager Dependencies doc.