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

Question

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

• 是否有可能转换编译的JavaScript？
• 是否可以配置变压器运行的顺序？显然,gzip变压器需要是最后一次变压器运行.

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

Answer 1

您可以通过变换器的行位置指定顺序:

transformers:
  - $dart2js
  - YourGzipTransformer

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

如果您不关心某些变换器运行的顺序,您也可以指定:

transformers:
  - [$dart2js, SomeOtherTransformer]
  - YourGzipTransformer

您可以在" 资产和变形金刚"一文中了解更多相关信息.

这是一个基本的变换器,它将生成每个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";

}