dart库/导入机制如何与WebComponents一起使用？

Question

您使用dart代码的part / part来创建库，WebComponents中的HTML模板如何适应这个？如何将HTML模板作为库的一部分？此外，当我使用<link rel>导入相关组件时，我会参考什么？

我有这个问题，我写了一个网络组件A，所以我有A.dart和A.html，我想将A打包成一个库。如果我使用链接rel引用A.html，编译器将不会将其打包到库中，而是将其视为单独的文件。

每个dart应用程序是一个单独的包还是我可以在dart-editor中的dart应用程序项目中创建多个包？我问的原因是因为我想将我的应用程序分成组件

/web
  /components
    A.html
    A.dart
  index.html
  index.dart

将/ components下的所有内容放入可由index.html导入的包中

Answer 1

Dart库和Dart包之间存在区别。库只包含Dart代码，而包中包含Dart库及其相关资产。 library foo; part of foo;仅与代码上下文相关。只要您的资产与Dart代码位于同一个包目录中（即顶层有pubspec.yaml的目录），它们就是同一个包的一部分。

您可以通过指定包路径从包中导入资产：

<link rel="import" href="package:foo/a.html">

其中foo是web / packages目录中的包。