Ruby on Rails LiveReload only CSS (not a whole page) on SCSS change

gulpfile.js

// Ruby on Rails LiveReload only CSS (not a whole page) on SCSS change
// 1. Install LiveReload Chrome extention https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei?hl=en
// 2. Run `rails server` and `gulp watch`
// 3. Click `Enable Livereload` button in Chrome
// 4. Edit you SCSS
// 5. Success!

var gulp = require('gulp');
var livereload = require('gulp-livereload');

gulp.task('watch', function() {
    livereload.listen();
    gulp.watch('front/app/assets/stylesheets/**').on('change', function(file){
        livereload.reload('http://lvh.me:3000/assets/front/application.css');
        // in case if you support RTL version
        livereload.reload('http://lvh.me:3000/assets/front/application-rtl.css');
    });
});