Note: Both NodeJS and NPM are required to be installed in order to run the commands below.
- In root of the theme folder, run
npm install
to install needed packages to run gulp - Set
PROJECT_NAME
variable to the folder name of your localhost install - If localhost is not being used, set
DEVELOPER_MODE
tofalse
to disable BrowserSync refresh - Once packages are installed and
gulpfile.js
is setup, rungulp
- File watching is enabled as long as gulp is running
Note: .scss
files are found in assets/scss/
- The
core
folder is loaded in a specific order controlled bymain.scss
. Any additional files added to thecore
folder will need to be manually added tomain.scss
or they will not be included when compiled - All other
.scss
files found in other folders, such aselements, layout, pages
are automatically included when compiled and do not need to be added tomain.scss
- All
.scss
files will compile tostyle.css
(easy to read format for dev only) andstyle.min.css
- All
.js
files fromassets/js/src/
compile toall.min.js