Yeoman / Bower / Gulp Auto Compiling SASS and Refreshing on File Change -


i can't yeoman / bower / gulp , gulp-webapp generator auto compile sass changes made bootstrap _variables.scss file , reload.

basically changes done files in path: /bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/

i spent time tweaking gulpfile.js , managed autoreload work on changes made files in path above; however, doesn't recompile sass files. way recompile using "gulp" command counter productive.

i stumped after many hours, please shed light on this?

the project design set watch changes personal style files in app/styles/ directory , it's sub directories.

the idea of modifying files in /bower_components directory considered bad practice. if accidentally run bower update, overwrite of changes modified bower files.

instead use sass @import bootstrap .scss files main.scss file /bower_components. can redefine of styles want using these sass variables


Comments

Popular posts from this blog

cakephp - simple blog with croogo -

How to group boxplot outliers in gnuplot -

bash - Performing variable substitution in a string -