.. | |||
app | 18 days ago | ||
Gruntfile.js | 18 days ago | ||
desc.md | 18 days ago | ||
package.json | 18 days ago | ||
readme.md | 18 days ago |
#Browsersync - Grunt & SASS
To try this example, follow these 4 simple steps.
Step 1: Clone this entire repo
$ git clone https://github.com/Browsersync/recipes.git bs-recipes
Step 2: Move into the directory containing this example
$ cd bs-recipes/recipes/grunt.sass
Step 3: Install dependencies
$ npm install
Step 4: Run the example
$ npm start
Gruntfile.js
:// This shows a full config file! module.exports = function (grunt) { grunt.initConfig({ watch: { files: 'app/scss/**/*.scss', tasks: ['sass'] }, sass: { dev: { files: { 'app/css/main.css': 'app/scss/main.scss' } } }, browserSync: { dev: { bsFiles: { src : [ 'app/css/*.css', 'app/*.html' ] }, options: { watchTask: true, server: './app' } } } }); // load npm tasks grunt.loadNpmTasks('grunt-contrib-sass'); grunt.loadNpmTasks('grunt-contrib-watch'); grunt.loadNpmTasks('grunt-browser-sync'); // define default task grunt.registerTask('default', ['browserSync', 'watch']); };