Question

你好，我刚开始在这个论坛上学习一些飞镖和新手，

我用webstorm创建了ubersimple webapp，并编写了一个非常简单的dart脚本和一个html文档。

我的HTML文档的负责人：

import 'dart:html';
import 'dart:math';

ButtonElement rndButton;
ImageElement rndImage;  
var images;
var rng;

void main() {
  rndButton = querySelector('#rndButton');
  rndImage = querySelector('#imgScreen');

  images = ['http://das-bist-du.com/onewebmedia/anN0MBo_700b.jpg', 'http://das-bist-du.com/onewebmedia/du1.jpg', 'http://das-bist-du.com/onewebmedia/du2.jpg', 'http://das-bist-du.com/onewebmedia/du3.jpg', 'http://das-bist-du.com/onewebmedia/du3.jpg', 'http://das-bist-du.com/onewebmedia/du4.jpg', 'http://das-bist-du.com/onewebmedia/du5.jpg', 'http://das-bist-du.com/onewebmedia/du6.jpg'];
  rndButton.onClick.listen(pickYou);
}
 void pickYou (Event e) {
  rng = new Random();
  setYou(rng.nextInt((images.length)));
}

void setYou (var rnd) {
  print(images[rnd].toString());
  rndImage.src =  (images[rnd].toString());
}

飞镖码：

{{1}}

我知道代码并不漂亮，我只是在测试。：）

现在我想在网站上使用这两个，我将代码和dart.js的html页面上传到网站，并将src放在html脚本标记中。

使用Chromium在Webstorm中进行测试时，它可以正常运行。但剧本不在网站上运行。我如何在网站上使用dart？

提前致谢

Answer 1

除Dartium（包含Dart VM的基于Chomium的Dart开发浏览器）外，Dart不会直接在任何浏览器中运行。

当您在项目目录中运行pub build（pubspec.yaml所在的位置）时，您会在build子目录中获得一个可以上传到Web服务器以供公共使用的输出

还有一个可用的变换器可在运行pub build时优化脚本标记。 https://pub.dartlang.org/packages/dart_to_js_script_rewriter

如何在您的网站上使用dartscript

1 个答案: