Here are the gulp tasks you can execute:
build: generates the base theme files, compiles Sass into CSS, and zips all theme files into a WAR file that you can deploy to a Liferay server.
deploy: runs the
buildtask and deploys the WAR file to the configured local app server.
If you want to deploy to a live remote server, specify the
--liveflag along with the
gulp deploy --live).
Note that the server-manager app must be deployed on the server you specify. The
--liveflag deploys the theme to the remote server specified in the
inittask is explained later in this section.
If you want to deploy to a different server without changing the default server specified in
init, you may use the
gulp deploy --live --url http://some-host.com
You may also specify your login credentials using flags
gulp deploy --live -u [email protected] -p test
You first are prompted if you want to extend a Base theme or Themelet, then you’re be prompted for where you would like to search for modules. Selecting Globally installed npm modules searches globally accessible npm modules on your computer. Selecting npm registry searches for published modules on npm.
After you’ve selected modules from the options it provides, the modules are added to your
package.jsonfile as dependencies. Run
npm installto install them.
init: prompts you for local and remote app server information to use in theme deployment.
status: displays the name of the base theme/themelets your theme extends.
watch: allows you to see the changes you make to your theme without requiring a full redeploy. After invoking the
watchtask, every time you save any changes to a file in your theme, applicable changes are compiled and they’re copied directly to your app server. Note: In order for the
watchtask to work, you must have Developer Mode enabled.