Would you like to use the latest ECMAScript features in your JavaScript files and portlets? Do you wish you could use npm and npm packages in your portlets?
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. In this section, you’ll learn how to prepare your JavaScript files to leverage ECMAScript and npm features in your portlets.