如何将飞镖代码文件与 HTML 页面绑定？

【问题标题】：How can I bind a dart code file with a HTML page?如何将飞镖代码文件与 HTML 页面绑定？
【发布时间】：2019-01-09 01:59:09
【问题描述】：

我最近一直在玩 Dart，发现它是一种非常舒适的语言。我尝试使用纯 Dart（没有像 AngularDart 或任何其他框架）和三个页面（登录、仪表板和配置文件）构建一个简单的 Web 应用程序。

我通过修改stagehand命令（web-simple）提供的index.html来放置登录页面，所以没有什么问题，因为main.dart会立即绑定到index.html，我可以编辑里面的内容直接通过main.dart登录页面（index.html）。

我不明白如何用 dart 代码绑定其他页面。我想通过 Dart 编辑或添加一些交互性，但不知道如何将这些代码与 index.html 旁边的其他 html 页面绑定。

任何帮助将不胜感激。

【问题讨论】：

标签： dart

【解决方案1】：

main.dart 不一定是“绑定”到index.html 模板，而是<head> 中的<script defer src="main.dart.js"></script> 加载已编译的main.dart 文件。您可以将脚本声明复制到其他 html 页面。

或者，您可以使用dart2js 工具为其他页面编译其他 dart 文件：

$ dart2js -O2 -o page-2.js page-2.dart

在第 2 页的<head> 中：

<script defer src="page-2.js"></script>

【讨论】：