Monaca IDE’s Hidden Sass Feature

Erisu
Jun 28, 2018 · 4 min read
Sass, powerful and rich CSS extension language

Integrated Terminal

Opening New Terminal Panel in Monaca Cloud IDE

Setting up Sass

$ npm install node-sass nodemon —save-dev
Opening package.json from Monaca Cloud IDE
Example package.json from No Framework Template

Usage Example

$ mkdir scss
$ touch scss/style.scss
Refresh Tree in Monaca Cloud IDE

Sass Build Automation

$ npm run watch 

Summary

The Web Tub

Pushing the web current through hybrid mobile and PWA technology. Presented by the Monaca and Onsen UI team.

Thanks to Gearóid M and Khemry Khourn.

Erisu

Written by

Erisu

The Web Tub

Pushing the web current through hybrid mobile and PWA technology. Presented by the Monaca and Onsen UI team.