Grunt not live-reloading Sass/SCSS (NodeJS)

I am having a little trouble with Grunt, it's compiling my Sass/SCSS files (.scss I am using) but it won't LiveReload. I'm using the 'watch' dependency which integrates the LiveReload functionality. Watch: https://github.com/gruntjs/grunt-contrib-watch Sass/SCSS: https://github.com/gruntjs/grunt-contrib-sass Here's my config below (relevant piece), can anyone advise as to where I'm going wrong? It live reloads for everyother file and folder. grunt.initConfig({ connect: { options: { port: 9000, hostname: 'localhost' }, livereload: { options: { middleware: function ( connect ) { return [ mountFolder(connect, 'app'), lrSnippet ]; } } } }, open: { server: { path: 'http://localhost:<%= connect.options.port %>' } }, sass: { app: { files: { './app/css/style.min.css': 'app/css/scss/style.scss' } } }, watch: { options: { nospawn: true }, css: { files: './app/css/scss/*.scss', tasks: ['sass'], options: { livereload: true, }, }, livereload: { options: { livereload: LIVERELOAD_PORT }, files: [ 'app/{,*/}*.html', 'app/css/{,*/}*.{css,scss,sass}', 'app/js/{,*/}*.js', 'app/img/{,*/}*.{png,jpg,jpeg,gif,webp,svg}' ] } } });

以上就是Grunt not live-reloading Sass/SCSS (NodeJS)的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » Node.js答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏