dart - 脚本标记可将Dart嵌入HTML

Question

通常，Dart通过以下代码连接到HTML:

<script type="application/dart" src="script.dart"></script>
<script src="packages/browser/dart.js"></script>

通过运行Build，IntellijIdea将第一行转换为 <script src="script.dart.js">并消除第二行，即行。但是我有一些问题:

创建构建文件后，我的缩进被破坏了。

Google PageSpeed Insight测试显示“http请求过多”或类似的内容。

我这样解决了问题。没有构建文件了，我使用Dart2js + Terminal创建script.dart.js。至于HTML代码，我在下面写了这个小东西。

<script type="application/dart" src="script.dart" id="dart-script"></script>
<script>
  (function() {
    if (navigator.userAgent.indexOf('(Dart)') === -1) {
      var dartScript = document.querySelector('#dart-script');
      dartScript.type = 'application/javascript';
      dartScript.src = 'script.dart.js';
    }
  })();
</script>

效果很好。你怎么看呢？

Answer 1

我还没有听说过Dart脚本标签有任何此类问题。

使用https://pub.dartlang.org/packages/dart_to_js_script_rewriter的转换器
删除仅直接支持Dart的浏览器才需要的Dart脚本标签，该浏览器仅是Dartium，不应用于访问Web(仅用于开发目的)，因此，此脚本标签与部署无关。