dart - 指定文件路径的语法(相对和绝对)

Question

我想知道一种指定文件路径的方法。我目前正在关注:

href="css/lib/bootstrap.css"

我发现有些人以不同的方式指定文件位置:

templateUrl: 'lib:components/bootstrap.css'

我无法理解如何使用 lib: 或 package: 创建/指定自定义目录。

关于在 dart 中创建自定义包的简介会很有帮助。

Answer 1

当你想引用 lib 目录中的文件并且路径包含包名称时，你总是在路径中省略 lib 目录。包含包名称的路径隐式进入 lib 目录。

我从来没有见过你提到的lib:xxx导入样式。

导入 Dart 文件

根据语境不同

• 如果你想将一个 Dart 库文件导入另一个 Dart 文件:

  • 亲戚

  import '../otherdir/somefile.dart';

仅当您引用同一顶级包目录中的文件时才应使用它(在 lib 目录中的文件和文件夹之间(或在 bin、web、test、example 中)

• 绝对

  import 'package:somepackage/somedir/somefile.dart';

(somedir 是 somepackage 包中 lib 目录的子目录。
即使在同一个包中，您也可以使用这样的绝对路径。当你想从web(或bin、web)中的文件引用lib目录中的文件时， ...) 目录最好使用这种绝对路径变体。

`import 'package:mypackage/somedir/somefile.dart';`

导入其他资源文件

这可能因不同的框架(AngularDart、PolymerDart 等)而异您还可以使用相对路径或绝对路径进行引用。

聚合物

在 Polymer 中，您需要为所有资源文件使用相对路径。

您需要进入顶级目录，例如 web，然后从那里进一步使用 packages 目录。

如果你的文件在 web/somedir 中，而你想引用 lib/otherdir 中的文件，你可以引用它

href='../packages/mypackage/otherdir/somefile.css

如果您需要更多示例，您应该描述您的具体情况。

• 你用的是什么框架
• 文件在哪里(源/目标)
• 导入的目的是什么(将 CSS 导入到入口页面或 Polymer 元素，或 Angular 组件，...)

如果你想从另一个包中导入一个文件，而你导入的文件存储在 lib 目录中，你需要再升级一个级别(我认为这是一个临时的解决方法，可能在 Polymer 1.0 发布之前更改)。

示例:

两个文件类似

my_package1/lib/comp1/comp1.html
my_package2/lib/comp2/comp2.html

从你需要的comp2导入comp1

<link rel="import" href="../../../packages/mypackage1/comp1/comp1.html>