Modify sass files without redeploying

Flow
1

Hi experts,

Is it possible to modify sass files from my custom theme and see the modification in the browser just by refreshing the page (without rebuilding / redeploying).

I already read the wiki/book/topics but I can’t figure out how to do that.

The book is mentioning the “on the fly” compilation by setting the productionMode to false in the servlet, but I still need to rebuild and redeploy my app.

I’m using netbeans 7.4
Any ideas ?

Thanks

2

Hi,

You should only need to publish the modified .scss files to the server so that the servlet can see them. Then the VaadinServlet should do a full theme compilation on each browser refresh if productionMode==false.

Also, make sure you don’t have a
styles.css
 in your theme folder. If it is, the servlet will use that instead of compiling the .scss file. So don’t deploy the styles.css file during development, only deploy that to production.