简体   繁体   English

Polymer.dart 1.0.0-rcx需要什么导入和脚本标签

[英]What imports and script tags are required for Polymer.dart 1.0.0-rcx

为了使使用Polymer.dart的客户端应用正常工作,需要哪些导入和脚本标签?

<!DOCTYPE html>
  <head>
    <script src="packages/web_components/webcomponents-lite.min.js"></script>
    <script src="packages/browser/dart.js"></script>
  </head>
  <body unresolved>
    <my-element></my-element>
    <script type="application/dart" src="index.dart"></script>
  </body>
</html>
  • The webcomponents-lite.min.js script adds the Polymer polyfills. webcomponents-lite.min.js脚本添加了聚合物webcomponents-lite.min.js
  • The dart.js is necessary for every Dart browser application to run in browsers without Dart VM. dart.js是每个Dart浏览器应用程序在没有Dart VM的浏览器中运行所必需的。
  • The index.dart contains your custom main(); index.dart包含您的自定义main(); index.dart and imports <my-element> using @HtmlImports(...) 并使用@HtmlImports(...)导入<my-element>

where index.dart contains 其中index.dart包含

import 'package:polymer/polymer.dart';
import 'my_element.dart';

/// Silence analyzer [MyElement]
main() async {
  await initPolymer();
}

Without a custom main 没有自定义主体

import elements using <link rel="import" ...> (discouraged) 使用<link rel="import" ...>导入元素(已淘汰)

<!DOCTYPE html>
  <head>
    <script src="packages/web_components/webcomponents-lite.min.js"></script>
    <link rel="import" href="my_element.html">
  </head>
  <body unresolved>
    <my-element></my-element>
    <script type="application/dart">export 'package:polymer/init.dart';</script>
    <script src="packages/browser/dart.js"></script>
  </body>
</html>

or using @HtmlImport(...) for importing elements 或使用@HtmlImport(...)导入元素

<!DOCTYPE html>
  <head>
    <script src="packages/web_components/webcomponents-lite.min.js"></script>
  </head>
  <body unresolved>
    <my-element></my-element>
    <script type="application/dart">
      export 'package:polymer/init.dart';
      import 'my_element.dart';
    </script>
    <script src="packages/browser/dart.js"></script>
  </body>
</html>

Hint: Without an explicit script tag for main it's more difficult to register the entry-point for the reflectable transformer. 提示:如果没有用于main的显式脚本标签,则为可反射转换器注册入口点将更加困难。 Some name for a generated file can be used instead but I don't know yet what this files name is. 可以代替使用生成文件的名称,但是我还不知道该文件的名称是什么。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM