我正在尝试使用Grunt的grunt-contrib-watch插件来监视一些文件,然后运行任务,正是它的目的,这是我的Gruntfile.js
module.exports = function(grunt){
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
sass: {
options: {
sourceMap: true,
outputStyle: 'compressed'
},
dist: {
files: {
'static/stylesheets/main.min.css': 'static/stylesheets/sass/main.scss',
/*'bower_components/foundation-sites/dist/foundation.min.css': 'bower_components/foundation-sites/scss/foundation.scss'*/
}
}
},
uglify: {
dist: {
files: {
'static/javascript/main.min.js': 'static/javascript/main.js'
}
}
},
watch: {
files: [
'<%= sass.dist.files %>',
'<%= uglify.dist.files %>'
],
tasks: [
'sass',
'uglify'
]
}
});
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-sass');
grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.registerTask('default', ['watch']);
};
当我运行它时,它会一遍又一遍地运行,而当我停止它时,我看到此消息:
正在运行“监视”任务等候...警告:pattern.indexOf不是函数
我真的不知道出了什么问题。有人知道这里会发生什么吗?
UPDATE:
显然,问题是由于我调用文件的方式,因为我将其更改为:'static / stylesheets / sass / *。scss',并且效果很好,但是我想知道为什么其他方式不起作用'不起作用,因为我认为这是一种更有用的方法。
grunt-contrib-watch期望单个模式字符串或模式字符串数组作为其files
配置的值。但是,您在配置中使用的模板会评估为对象。您的watch.files
值计算如下:
files: [
{ 'static/stylesheets/main.min.css': 'static/stylesheets/sass/main.scss' },
{ 'static/javascript/main.min.js': 'static/javascript/main.js' }
]
模式匹配尝试运行时失败,因为对象上没有indexOf
方法。由于grunt-contrib-watch可以永远运行,因此尝试建立和失败建立监视文件列表的过程是无限循环的。
您通常会使用以下内容配置监视文件:
files: [
'static/**/*.scss',
'static/**/*.js'
]
但是以上情况会导致问题,因为缩小的JS文件与源JS文件位于同一文件夹中。您可能可以通过在文件数组中添加'!static/**/*.min.js'
来解决此问题,但是更好的解决方案是将所有已编译文件放入单独的文件夹中。
从对象中提取值:
watch: {
files: [
'<%= sass.dist.files %>.values()',
'<%= uglify.dist.files %>.values()'
],