Using npm in Your Portlets

npm is a powerful tool, and almost a necessity for Front-End development. Since Liferay DXP 7.0 Fix Pack 30 and Liferay Portal 7.0 CE GA5, you can use npm as your JavaScript package manager tool—including npm and npm packages—while developing portlets in your normal, everyday workflow.

Deployed portlets leverage Liferay AMD Loader to share JavaScript modules and take advantage of semantic versioning when resolving modules among portlets on the same page. The liferay-npm-bundler helps prepare your npm modules for the Liferay AMD Loader.

Note: The minifier fails on Liferay DXP 7.0 when JSDoc is present in a portlet. To resolve this, use Grunt uglify to remove the JSDoc comments. This process may take a long time, depending on the number of files that require an update.

This section of tutorials covers how to set up npm-based portlet projects and how Liferay DXP supports them.