Liferay Fragments Toolkit

Overview

This article explains how to install the Liferay Fragments Toolkit, create and import fragments into Liferay. 

Instructions

1. Install yarn: 

npm i -g yarn

2. Install generator-liferay-fragments: 

yarn global add yo generator-liferay-fragments

3. Create a new project for fragments development: 

yo liferay-fragments

The following project structure should be created:

4. Create a new fragment collection (run command from inside the new fragments project):

yarn run add-collection

5. Create a new fragment: yarn run add-fragment

A new fragment should be created within the selected collection:

6. Import fragment to Liferay server:

yarn run import

Verify on Liferay, that fragments have been imported successfully:

Enjoy 😏