Question

在 Parcel 中， Packager 会将多个资源 (Asset) 合併输出至最终的 bundle 里，这个过程会发生在主程序，于所有资源被处理且 bundle 树建立之后。

Packager 的注册是基于输出档案的类型，资源则会被送至处理其档案类型的 Packager 中产生最终输出档案。

Packager 介面

const { Packager } = require('parcel-bundler')

class MyPackager extends Packager {
  async start() {
    // 非必要，写入至档案顶部。
    await this.dest.write(header)
  }

  async addAsset(asset) {
    // 必要项，将资源写入至输出档案。
    await this.dest.write(asset.generated.foo)
  }

  async end() {
    // 非必要，写入至档案尾部。
    await this.dest.end(trailer)
  }
}

module.exports = MyPackager

注册一个 Packager

你可以使用 addPackager 方法向 Parcel 注册一个 Packager，此方法接受两个参数，一个为欲注册的档案类型，另一个为 packager 模组的路径。

const Bundler = require('parcel-bundler')

let bundler = new Bundler('input.js')
bundler.addPackager('foo', require.resolve('./MyPackager'))