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

【问题标题】：How does dart library/import mechanism work with WebComponents?dart 库/导入机制如何与 WebComponents 一起使用？
【发布时间】：2013-05-31 01:43:08
【问题描述】：

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

我有这个问题，我写了一个Web组件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 导入的包中

【问题讨论】：

标签： dart

【解决方案1】：

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

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

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

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

【讨论】：