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.

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

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

« Using Developer Mode with ThemesDeploying and Applying Themes »