Response title
This is preview!
Move this topic
using a ES6 plugin , thats not been compiled to ES5 in the browser.
in Getting Started
•
10 months 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 ?
1
Replies(7)
Just try it.
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.
Leave a comment on watusiware's reply
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.
Leave a comment on gautamx07's reply
The dist directory has a complied ES6 version.
micromodal.es.js
Unfortunately, it's minified.
@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.
Leave a comment on watusiware's reply
G,
If you want to use import in a browser, you need to load the script as a module. Otherwise import does not work.
This comes from one of my sites.
- <script type="module" src="resources/CssBox.min.js"></script>
JΛ̊KE
Leave a comment on jakecigar's reply
haha jake , that was the issue yeah , silly me ! :D
wheres your chat room link , i can't find it :P
Leave a comment on gautamx07's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to gautamx07's question