Building Your Theme's Files

Follow these steps to build your theme’s files with the Build task. Note that this task only works for themes that use the liferay JS Theme Toolkit, such as those created with the Liferay Theme Generator.

Note: Gulp is included as a local dependency in generated themes, so you are not required to install it. It can be accessed by running node_modules\.bin\gulp followed by the Gulp task from a generated theme’s root folder.

1. Navigate to your theme’s root folder and run gulp build.

2. The gulp build task generates the base theme files (in the build folder), compiles Sass into CSS, and compresses all theme files into a .war file (in the dist folder), that you can deploy to your server. Copy any of these files and folders to your theme’s src folder to modify them.

3. Deploy the war file to your app server to make it available.

Figure 1: Run the `gulp build` task to build your theme's files.

Related Topics

• Automatically Deploying Theme Changes
• Copying an Existing Theme’s Files
• Deploying and Applying Themes