wataruoguchi/ionic framework - after getting started.md

## ionic framework - after getting started.md

      
    Raw
  

              ionic framework - after getting started.md
            
          
    This is what I did after following the tutorial
Activate Sass

I love Sass. Let's turn it on.
sudo npm install -g gulp-sass
sudo npm install gulp-sass
sudo ionic setup sass
Now you can see sass is compiled!
Activate Coffeescript

I am teaching myself coffeescript. So it must be active.
sudo npm install -g gulp-coffee
sudo npm install --save-dev gulp-coffee
Add few lines into gulpfile.js

add require
var coffee = require("gulp-coffee");
add cofee into paths
var paths = {
  sass: ['./scss/**/*.scss'],
  coffee: ['./www/**/*.coffee']
};
add a task
gulp.task("coffee", function(done) {
  gulp.src(paths.coffee)
  .pipe(coffee({bare: true})
.on("error", gutil.log.bind(gutil, "Coffee Error")))
.pipe(concat("application.js"))
.pipe(gulp.dest("./www/js"))
.on("end", done)
});
make it to be able to be loaded by watch
gulp.task('watch', function() {
  gulp.watch(paths.sass, ['sass']);
  gulp.watch(paths.coffee, ['coffee']);
});
That's all. You can always complile coffee and sass by gulp watch
Btw, this opens the app on your browser

sudo ionic serve
Reference

https://github.com/StephenGrider/CoffeeScript-Ionic-Starter