ESM version for modern browsers

[jehna]

ESM version for modern browsers

[datapolitical]

I would love to. But I wouldn’t have the first clue where to start.

[jehna]

@carlmjohnson Thank you for noticing! Should be fixed now with 08a96bb and fixed version 2.1.4 should be available from npm now

[jehna]

@datapolitical you could circumvent this issue by using the ga-lite from npm and bundling it yourself to an ESM version. And I certainly accept pull requests if you'd like to configure the webpack config in this repository 👍

[jehna]

In theory you could also point the <script type="module"> to the src/ga-lite.js and it should work just fine. The only issue is, that it does not expose a global ga-lite instance (like IMO the ESM should work in the first place). So you would have to have something like:

<script type="module">
import galite from 'path/to/galite/src/ga-lite.js';

galite('create', 'UA-XXXXXXXX-X', 'auto');
galite('send', 'pageview');
</script>

It does get much more complicated if you are tracking more than just page views, but in that case you probably want to separate ESM/es5 versions from your own code too

[Gonzo2O28]

Any news or suggestions in how to fix this?

[Gonzo2O28]

Babel fails to load "array.from" plugin. But it loads "@babel/plugin-transform-classes".
i also loaded it via npm, but i have also no clue where to start.
Would be nice to have a modern version which passes pagespeed insights.

Any help advise would be very nice!
Thank you!

[Gonzo2O28]

nevermind, i found a better solution for me:

https://gist.github.com/mesaavukatlik/9280e6d665b5762ea187b5451c3db538

[jehna]

Nice, thank you for sharing! I'll add that to the readme of ga-lite 👍

[earthboundkid]

I had been doing import galite from "ga-lite/src/ga-lite.js";, but it is broken now because ga-lite/src/commands is not included in the NPM bundle.

[earthboundkid]

Fast, thanks.