Iván Zaera Avellón

This article explains how to deploy npm packages bundled with webpack that export and import stuff through the standard ECMAScript modules feature. This is a sequel of the Moving from AMD to Browser modules in Liferay DXP blog post, so it’s recommended reading that if you haven’t done so already. Why use webpack with ES modules? The main goal of using webpack and ES...

This article explains how to leverage the new ECMAScript modules feature (from now on will be referred to as ESM), Custom Element and Import Map Entry client extensions in Liferay DXP to achieve the same goals possible in the AMD architecture (and more). The motivation for this article is that, with the new ESM/client extensions architecture, the things we were used to doing with...

A real life example of the use of bundler 2.x This is the last of a three articles series motivating and explaining the enhancements we have done to Liferay's npm bundler. You can read previous article here. To analyze how the bundler works we are going to examine a real life example comprising a portlet and an OSGi bundle providing Angular so that the portlet can import it....

How we are fixing the problems learned in bundler 2.x This is the second of a three articles series motivating and explaining the enhancements we have done to Liferay's npm bundler. You can read the first article to find out the motivation for taking the actions explained in this one. To solve the problems we saw in the previous article we followed this process: Go one...

What is the problem with bundler 1.x This is the first of a three articles series motivating and explaining the enhancements we have done to Liferay's npm bundler. You can learn more about it in its first release blog post. How bundler 1.x works As you all know, the bundler lets you package your JS files and npm packages inside Liferay OSGi bundles so that they can be...

Dear Liferay Developers: We would like to share with you a new feature we have been working in very hard during the last months. As we all know, Liferay Portal’s current support for frontend development does not fully meet the expectations of the standard frontend developer. These expectations include leveraging npm, the most used package manager, to manage dependencies in...