Building a theme
To build a theme:
- Change to the theme directory you cloned from github.
. ├── README.md ├── _build/ │ └── brightspot-theme-frost-x.x.x-SNAPSHOT.zip ├── babel.config.js ├── com/ ├── etc/ ├── gulpfile.js ├── node_modules/ ├── package.json ├── postcss.config.js ├── styleguide/ ├── webpack.*.js └── yarn.lock
-
Directory from which you run the build or start the server.
-
Built theme.
-
- Ensure you have version 12 or later of node installed:
nvm ls
. Install version 12 or later if necessary from . - Use a version 12 or later release of node:
nvm use xx.x.x
(use the version you discovered in step 2). - If you want to build the theme and run the Styleguide server, run
yarn server:styleguide
. - If you want to build the theme without running the Styleguide server—
- For the first build, run
yarn cache clean && yarn && yarn format && yarn build
. - For subsequent builds, run
yarn build
.
- For the first build, run
The build job creates and zips the theme in the directory build/
(see previous illustration). You can apply the built theme to a site; for details, see Changing a site's theme.
Previous Topic
Swatches
Next Topic
Advanced theming techniques