Home

Stylize.init() - Scaffolds project. Installs dependencies

Stylize.compile() - Compiles templates and front-end

Stylize.build() - Compiles everything into a static site

Stylize.watch() - Watchs the following files for the defined events...

Project Files

Config.yml

• Change: compile templates, compile front-end, refresh page

Template File

• New: compile templates, compile front-end, refresh page
• Delete: compile templates, compile front-end, refresh page
• Change: compile single template, reload iframe source### Template File

Partial File

• New: compile templates, compile front-end, refresh page
• Delete: compile templates, compile front-end, refresh page
• Change: compile single template, reload iframe source

CSS Files

Assume the src css has it's own build workflow so we just watch the compiled source files

• New: refresh css (in all iframes?) - should coencide with a template change
• Delete: refresh css (in all iframes?) - should coencide with a template change
• Change: refresh css (in all iframes?)

JS Files

Assume the src js has it's own build workflow so we just watch the compiled files

• New: refresh page (in all iframes?) - should coencide with a template change
• Delete: refresh page (in all iframes?) - should coencide with a template change
• Change: refresh page (in all iframes?)

App Files

JSX Files

• New: compile front-end, refresh page
• Delete: compile front-end, refresh page
• Change: compile front-end, refresh page

SCSS Files

• New: refresh css - should coencide with a template change
• Delete: refresh css - should coencide with a template change
• Change: refresh css

SVG Files

• New: run grunticon, refresh css
• Delete: run grunticon, refresh css
• Change: run grunticon, refresh css