Blogs

As of LPD-48372, the amd-loader has officially been deprecated in Liferay DXP. That means it’s no longer enabled by default—and with that, so ends the era of liferay-npm-bundler and amd-loader. But don’t worry. Taking advantage of Browser modules and migrating to standard JavaScript tooling like esbuild, webpack, or vite is not only doable, it’s refreshingly simple. In this post,...

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...