.babelrc about create-inferno-app

[Havunen]

I will make a inferno starter project based on rollup and stuff we use in our company... but there is so much to do atm. So that has lower priority

[Havunen]

If you want optimal output, you might want to consider rollup IIFE format + custom set of plugins (no preset) for babel. This way you get only once per application those helpers inlined. Also "typeof" babel plugin creates a lot of overhead. We simply removed it, but then you cannot use typeof for Symbols. I'm not sure if we can apply those patterns into this create-inferno-app, but you can definitely roll your own.

[sprlwrksAprilmintacpineda]

hmmm, if I use rollup and custom babel config, that would mean I would need to eject, right?

[Havunen]

@sprlwrksAprilmintacpineda yeah, it might be easier to just do everything yourself.. :/

[aprilmintacpineda]

@Havunen maybe we could just do that with inferno-scripts?

[Havunen]

This project is equivalent for create-react-app and that would introduce rollup and its plugins as dependencies, I think its also easier to make new project.

[sprlwrksAprilmintacpineda]

If we aren't already, I think we can make use of the following babel plugins.:

• https://babeljs.io/docs/en/babel-plugin-minify-dead-code-elimination
• https://babeljs.io/docs/en/babel-plugin-minify-constant-folding
• https://babeljs.io/docs/en/babel-plugin-transform-minify-booleans

The issue now is how to tell babel not to rewrite the helper functions and simply write them on the polyfill. Because it doesn't make sense that this:

var s = Object.assign || function (e) {
      for (var t = 1; t < arguments.length; t++) {
        var n = arguments[t];
        for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r])
      }
      return e
    },

is everywhere when I'm using the polyfill and it could have been added there like so:

if (Object.assign === undefined) {
  Object.prototype.assign = function (e) {
    for (var t = 1; t < arguments.length; t++) {
      var n = arguments[t];
      for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r])
    }
    return e;
  };
}

Then simply transform all the rest operators to Object.assign which have been polyfilled.

[sprlwrksAprilmintacpineda]

@Havunen how do you check if the app is working while developing it? I have a fork, I want to make changes and observe their effect, but I can't.

[Havunen]

I have rebased all updates from the upstream, updated all the depencies to latest versions and converted the source code to ESM.
The next major version will require Node 20 or newer.

This issue is most likely fixed after all those changes to babel plugins. Closing.