是否可以转换已编译的javascript,并配置变换器运行的顺序?

时间:2014-07-02 03:00:13

标签: dart dart-pub

我有一个非常典型的酒吧变压器的用例,所以我想知道它是否可能。我想单独gzip在pub构建期间生成的每个css,html和javascript文件。我有两个问题:

  • 是否可以转换已编译的javascript?
  • 是否可以配置变压器运行的顺序?显然,gzip变压器需要成为最后一次变压器运行。

如果您想知道我为什么要这样做,我会通过S3提供我的应用程序,它不支持动态gzipping。我认为酒吧变形金刚将是最合适的地方。

1 个答案:

答案 0 :(得分:5)

您可以通过变压器的线路位置指定顺序:

transformers:
  - $dart2js
  - YourGzipTransformer

以上指定您希望dart2js转换器在YourGzipTransformer之前运行,从而使YourGzipTransformer可以访问由dart2js生成的Javascript文件。如果您交换了订单,或者没有指定dart2js转换器的顺序,则YourGzipTransformer将在它之前运行,并且无法访问已编译的Javascript。

如果您不关心某些变形金刚的命令,您也可以指定:

transformers:
  - [$dart2js, SomeOtherTransformer]
  - YourGzipTransformer

您可以在Assets and Transformers article

中详细了解相关信息

这是一个基本的变换器,它将生成每个CSS,HTML和Javascript文件的gzip压缩版本:

import 'dart:io';
import 'package:barback/barback.dart';

class GzipTransformer extends Transformer {
  final BarbackSettings _settings;

  GzipTransformer.asPlugin(this._settings);

  @override
  Future apply(Transform transform) {
    return transform.primaryInput.readAsString().then((content) {
        var id = transform.primaryInput.id;
        var gzipId = id.changeExtension(id.extension +".gzip");

        var gzippedContent = GZIP.encode(content.codeUnits);
        transform.addOutput(new Asset.fromBytes(gzipId, gzippedContent));
      });
  }

  String get allowedExtensions => ".js .css .html";

}