如何缩小从 Dart 编辑器编译的 JavaScript 代码？答案

【问题标题】：How do I minify JavaScript code compiled from Dart Editor?如何缩小从 Dart 编辑器编译的 JavaScript 代码？
【发布时间】：2013-09-25 23:57:07
【问题描述】：

我正在使用 Dart 编辑器构建一个 Dart 应用程序。我正在编译为 JavaScript 以在所有浏览器上运行。我想缩小输出 JavaScript。如何在不进入命令行的情况下做到这一点？

我知道在命令行中，我可以使用dart2js --minify app.dart。如何在 Dart 编辑器中自动执行此操作？

【问题讨论】：

标签： dart dart-editor

【解决方案1】：

从 Dart Editor 版本 0.7.5_r27776 开始，您可以在“启动配置”菜单中配置 dart2js 选项。

在 Mac 上，使用 Cmd-Shift-M 打开启动配置选项。或者，选择绿色运行按钮旁边的下拉箭头，然后选择“管理启动”：

然后，为您的应用找到“以 javascript 方式运行”配置。它将有一个灰色的地球图标。

寻找“编译器选项”并添加--minify

【讨论】：

当前开发的 dart 版本中没有编译器标志。我是否改用浏览器参数行。谢谢
我使用的是 Dart Editor 版本 1.2.0.dev_01_00 (DEV)，我看到了编译器标志。您是否尝试配置浏览器启动（而不是 Dartium 启动）？
这个选项在上一个版本 1.2.0-dev.5.15 中不再存在了。还有其他方法吗？

【解决方案2】：

有两种快速简便的方法可以缩小已编译的 Javascript 代码通过 Dart 编辑器。推荐的方法是对你的 pubspec.yaml 文件。

这是一个例子：

  Name: my-app 
  description: An Angular web application 
  dependencies: 
    angular: any 
    browser: any 
  transformers: 
  - angular

添加这个附加选项就完成了：

 Name: my-app 
  description: An Angular web application
  dependencies:
    angular: any
    browser: any
  transformers:
  - angular
  - $dart2js: 
    {'minify':true}

第二种方法是更改您的启动选项应用程序并取消选择 VM 设置Run in checked mode。在命令词：Run > Managed Launches > Click on App Launch File > VM settings > Un-check "Run in checked mode"。

我还没有尝试过最后一个选项，但根据文档它应该在“生产模式”下运行时自动缩小。

来源：https://www.dartlang.org/tools/pub/dart2js-transformer.html

P.S.：使用地图设置 $dart2js 字段很重要，否则它将无法正确构建。这目前是一个错误或文档问题。

【讨论】：

感谢您的最新回答！
第一种方式给我：“文档中的 YAML 无效。{'minify':true}”
看来问题已经解决了。您不再需要包含括号来启用缩小选项。只需使用 $dart2js: minify:true 就可以了。 =)
{'minify':true} 需要额外的缩进，即在它前面添加更多空格。或者将 "- $dart2js: {'minify':true}" 放在一行中。