Question

我一直在阅读有关此问题的教程和指南，但尚未找到直接的答案。

我目前在node.js平台上运行现有网站，在我的计算机上本地运行。

目标：现在我想尝试在Dart中编写一个简单的hello世界，将其导出为纯JavaScript，并在我现有的网站中查看它。

阅读文档，我读到我应该创建一个新的“Web应用程序”并创建并运行一些示例代码，然后选中“生成示例内容”框。

enter image description here

我的项目现在在Dart编辑器中创建：

enter image description here

我可以在Dartium中运行样本，看看它是否正常工作等。

但问题是我现在在Dart项目中有一个.html文件，而我在一个完全不同的路径中为我现有的节点网站提供了一个真正的.html文件。我不希望这样。我想尝试使用现有的.html代替，因为..那是我的真实网站。

但是在尝试创建新的Dartium启动器时，我只能在Dart项目中引用.html文件：

enter image description here

所以我的大问题是;如何在我现有的开发网站上开始使用Dart？

如何创建该桥？

Answer 1

在原始问题的上方第二张图片上，HTML file下面有一个名为URL的选项 - 这就是您要找的内容吗？您可以将其设置为任意URL。

您还需要将helloworld.dart文件复制到node.js服务器路径中，并将<body>标记内的位复制到现有的HTML页面中。您还需要将packages\browser\dart.js文件复制到您的node.js服务器上如果要运行JS版本，还需要使用Generate JavaScript的编辑器菜单选项，并将.js文件复制到node.js服务器路径中。

引用dart.js的script标记会自动检测浏览器是否支持Dart，并会加载应用的.dart版本或您的.dart.js版本app（来自同一文件夹位置）。

所以你可能会追求的是：

c:/nodejs_server_root
    /existingIndex.html  // containing the two script tags from helloworld.html 
                         // and other tags referred to in helloworld.dart
    /helloworld.dart
    /dart.js
    /helloworld.dart.js

在启动配置的“网址”路径中，您可以输入http://localhost:<port>/existingIndex.html

之类的内容

Answer 2

https://pub.dartlang.org/packages/dev_compiler可以使用--modules=node选项将Dart编译为Node.js模块。

另见https://github.com/dart-lang/dev_compiler/issues/291#issuecomment-176687849

将Dart hello世界添加到现有Node.js网站的最佳方法是什么？

2 个答案: