Preparing Your JavaScript Files for ES2015+

To use the ES2015+ syntax in a JavaScript file, add the extension .es to its name. For example, you rename file filename.js to filename.es.js. The extension indicates it uses ES2015+ syntax and must therefore be transpiled by Babel before deployment.

ES2015+ advanced features, such as generators, are available to you if you import the polyfillBabel class from the polyfill-babel module:

import polyfillBabel from 'polyfill-babel'

The Babel Polyfill emulates a complete ES6 environment. Use it at your own discretion, as it loads a large amount of code. You can inspect https://github.com/zloirock/core-js#core-js to see what’s polyfilled.

Once you’ve completed writing your module, you can expose it by creating a package.json file that specifies your bundle’s name and version. Make sure to create this in your module’s root folder. Below is an example package.json file for a js-logger module:

{
    "name": "js-logger",
    "version": "1.0.0"
}

The Module Config Generator creates the module based on this information. There you have it! In just a few steps you can prepare your module to leverage the latest JavaScript standard features and publish it.

Using ES2015+ Modules in Your Portlet

« Using JavaScript in Your PortletsUsing ES2015 Modules in your Portlet »
Was this article helpful?
0 out of 0 found this helpful