ES6 import

[nlemoine]

In package.json

I think main should provide the non ES6 version of micromodal (dist/micromodal.min.js). I have some errors bundling it with browserify.

[ghosh]

@nlemoine Hey, I'm not sure if that would be possible as we have to maintain compatibility with ES6 as well.

You can use a babel transform with your Browserify. This should help you out - https://github.com/babel/babelify

Closing this for now, as ES6 imports already work. Feel free to let know if you face difficulties.

[nlemoine]

Thanks for your feedback.

I'm already using babelify (my project code is ES6) but I'm having the same issue described here: babel/babelify#247
Maybe a babelify issue but I'm wondering how this can work as babelify presets aren't always the same across projects (using global: true results in a error saying Couldn't find preset "latest"). See last comment here: babel/babelify#215 (comment)

I think you can keep your original code in ES6 and provide multiple versions allowing developers to select the one depending on their environment. See: https://medium.com/@tarkus/how-to-build-and-publish-es6-modules-today-with-babel-and-rollup-4426d9c7ca71

Anyway, I fixed my issue for now using the dist version: import micromodal from 'micromodal/dist/micromodal'

[nlemoine]

@ghosh Please see: https://github.com/rollup/rollup-plugin-babel#external-dependencies

Would you consider reopening the issue?

[ghosh]

@nlemoine Thanks for the update and the relevant documentation.

Will look into it.

[nlemoine]

Thanks for considering the request! 👍