Add browserify in package.json for ES6

Now that with v3.x my app is breaking since it’s browserify + babelify configuration doesn’t transform node_modules by default.

See https://github.com/babel/babelify#faq for background.

Suggestion is to add this in your package.json

{
  "browserify": {
    "transform": [["babelify", { "presets": ["@babel/preset-env"] }]]
  }
}

This will ensure that any app using async and building it with browserify + babelify gets transpiled correctly.

Thanks!

[aearly]

I’m considering removing the browserify-specific config. I didn’t like doing it in the first place.

[nappy]

What are you thinking? Why do I need to add “babelify” “@babel/core” and “@babel/preset-env” to my project. I do not want to use babel. I just want to bundle my dependencies.

Even if I would use a transpiler, this whole concept does not work with devDependencies. Why should every library provide its own rollup/webpack/browserify config and then require downstream to include their dev dependencies manually?

Also now that I am doing that, I am not able to change the configuration. For example how am I supposed to manage polyfills (regenerator-runtime in this case), if I cannot even change the @babel/preset-env configuration (for example to “usage”), or the target?

This is madness. I will just stick with v2. Thanks. Babelify my ass. (humour)

A more resonable approach would be to target a specific node version, and if you want to use newer features in your source, then transpile it yourself prior to publishing to npm, or just leave them in and leave it to downstream how they want to transpile it for their environment as necessary.

This approach (sorry if I repeat mysdelf) is complete nonsense.