Search jQuery

jQuery Forum

Getting Started

gautamx07

using a ES6 plugin , thats not been compiled to ES5 in the browser.

in Getting Started • 3 years ago

Hey Guys , Good day , have a question about a vanilla JS plugin written in ES6 .

This one here. Can't i just import the index.js from the /src directory and work with it ?

Replies(7)

watusiware

Re: using a ES6 plugin , thats not been compiled to ES5 in the browser.

3 years ago

Just try it.

That's not a plugin, and doesn't use jQuery. It's just a vanilla JS script.

It depends on the browser. It will work on browsers that "support ES6", whatever that means.

You can use CanIUse.com to explore which of various ES6 features work on various browsers.

Since the project has a GitHub project, you should read the Issues or perhaps ask the author.

That said, I use ES6 features in my work, but only use recent Webkit browsers.

gautamx07

Re: using a ES6 plugin , thats not been compiled to ES5 in the browser.

3 years ago

Hi Jon , Thanks , actually this plugin uses webpack and rollup i believe , so there is a dist/ folder in which there a compiled version of the plugin , that will work cross browser.

Recently i have been coming across quite a few of these plugins, another one being glide.js, my question, is if your developing a plugin , you'd like to see how the source code works , not the build version(compiled) version , and so far as i've tested , the development version, does't seem to work in the browser, i've tried using it like so:

import MicroModal from './index.js';
MicroModal.init();

But this does't seem to work, so how exactly does the author of this plugin test his source code ? i'am a bit confused :| , i mean atleast you'd like to have the source work in one of the latest browsers and then compile the code to ES5 and have a build that works in all browsers, but that does't seem to be the case here.

watusiware

Re: using a ES6 plugin , thats not been compiled to ES5 in the browser.

3 years ago

The dist directory has a complied ES6 version.

micromodal.es.js

Unfortunately, it's minified.

gautamx07

Re: Re: using a ES6 plugin , thats not been compiled to ES5 in the browser.

3 years ago

@Jon , that version hadly seems ES6 except the import and export statement and has very little resemblence to the actual development version (src/index.js) .

The bundled version your referring to can be seen HERE.