Any equivalent config like webpack's externals?

[zhongqf]

I need to mark some import as an external resource and convert them into a global variable. like this:

// in webpack configuration ...
module.exports = {
  // …
  externals: function (context, request, callback) {
    var match = request.match(/^meteor\/(.+)$/);
    var pack = match && match[1];
    if (pack) {
      callback(null, ‘Package[“‘ + pack + ‘“]’);
    }
  }
  // …
};

Yes, I'm using meteor-client-bundler

[yyx990803]

Rollup's external option cannot perform rewrites. You can write a custom plugin that parses for import statements to your matched deps and rewrite them into const x = Package['xxx'].

The recommended approach is using https://github.com/guybedford/es-module-lexer + https://github.com/Rich-Harris/magic-string which is also used by Vite internally.

[haikyuu]

That's great. I'll see how I can use that to create a marko plugin for vite.

[yyx990803]

You can also use a plugin like this:

{
  name: 'meteor-globals',
  resolveId(id) {
    if (id.startsWith('meteor/') return id
  },
  load(id) {
    const match = id.match(/^meteor\/(.+)$/);
    const pack = match && match[1];
    if (pack) {
      return `export default Package[${JSON.stringify(pack)}]`
    }
  }
}