如何设置Gruntfile.js来监视SASS(指南针)和JS

我新使用gruntjs和nodejs。 我想知道如何设置gruntfile,以便使用watch观看sass文件和js文件编译。

这是我迄今为止:

module.exports = function ( grunt ) { "use strict"; require("matchdep").filterDev("grunt-*").forEach(grunt.loadNpmTasks); grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), compass: { dist: { options: { config: 'config.rb', watch: true } } } }); grunt.registerTask('default', []); }; 

任何帮助都感激不尽。 谢谢!

用grunt-contrib-sass试试grunt-contrib-watch 。 他们都是专门为这种事情的Grunt插件:

  sass: { dist: { options: { style: 'compressed' }, files: { 'css/build/global.css': 'scss/screen.scss' } } }, watch: { css: { files: ['scss/*.scss'], tasks: ['sass'], options: { spawn: false } } }, 

上面的手表插件configuration将监视任何.scss文件中的更改,并将运行sass任务(也在上面定义)。 你甚至可以通过这种方式进入livereload。 你也可以有多个手表(上面只定义了一个css手表); 用grunt-contrib-uglify创build第二块手表来缩小JS是很容易的

我有一个例子,你可以看看,也连接JavaScript,并用grunt-contrib-uglify做一些缩小。 这里是例子 。