Liferay Theme es2015 Hook
A hook for liferay-theme-tasks that allows for es2015 transpilation and AMD module configuration.
Install
Hook modules must be added as a dependency of a Liferay theme.
npm i --save liferay-theme-es2015-hook
After npm is done installing the dependency you must add the hook to the liferayTheme.hookModules
property in your theme's package.json
file.
Build
Now that the hook is installed, it will run with every gulp build
and gulp:deploy
.
To flag a file for es2015 transpilation and amd configuration you must simply use .es.js
as the file extension. Files with just .js
won't be transpiled.
Example
// my-liferay-theme/src/js/my_component.es.js class MyComponent { constructor() { console.log('Hello, World!'); }} export default MyComponent;
After building, my_component.es.js
will be transpiled and packaged as an AMD module. This module can be loaded and implemented in your theme's main.js
file.
// my-liferay-theme/src/js/main.js ;