Contents

Dart 2 migration guide for web apps

此页面包含有关将Dart 1.x Web应用程序迁移到Dart 2的信息.由于以下原因,有必要进行这些更改:

另请参阅: Angular迁移指南v4至v5

Tools

Dart 2中的Web应用程序开发环境与Dart 1.x中的有所不同. 以下是重点内容:

飞镖1.x 飞镖2
art,内容壳 Chrome和dartdevc
pub build webdev build
pub serve webdev serve
pub run angular_test pub run build_runner test -- -p chrome . 请参阅: 运行测试
酒吧变压器 建立包装变压器. 请参阅: 转换代码

Code

要迁移到Dart 2,您需要编辑Web应用程序的项目文件:

有关已迁移应用程序的完整示例,请比较任何一个Angle-examples应用程序的4.xmaster分支,例如:

Pubspec

对您的pubspec.yaml文件进行以下更改:

  • 添加新的dev_dependencies
    • build_runner:
    • build_test:如果您正在运行测试
    • build_web_compilers:
  • Drop dev_dependencies:
    • browser
    • dart_to_js_script_rewriter
  • 升级到test版本0.12.30或更高版本; 默认情况下,它无头运行Chrome测试.
  • 放下所有transformers
    • angular
    • dart_to_js_script_rewriter
    • test/pub_serve

例如,这是应用了这些更改的Angular-examples / quickstart / pubspec.yaml的差异.

HTML with script elements

带有<script>元素的文件的最常见示例是web/index.html . 您需要进行以下更改:

  • Drop <script defer src="packages/browser/dart.js"></script>
  • Replace <script defer src="foo.dart" type="application/dart"></script> by
    <script defer src="foo.dart.js"></script>

这是应用了这些更改的angular-examples / quickstart / web / index.html的区别.

Additional resources

  • Dart 2更新:有关Dart 2中更改的信息,以及如何从Dart 1.x迁移代码.
  • 更改日志 :列出对本站点的文档和示例所做的更改.

by  ICOPY.SITE