这是watch插件的配置信息:
watch: {
options: {
dateFormat: function (time) {
grunt.log.writeln('The watch finished in ' + time + 'ms at' + (new Date()).toString());
grunt.log.writeln('Waiting for more changes...');
},
livereload: true
},
less: {
files: 'less/**/*.less',
tasks: ['dist'] // @todo 添加 , 'build-customizer'
},
livereload: {
options: {
livereload: '<%=connect.options.livereload%>' //监听前面声明的端口 35729
},
files: [ //下面文件的改变就会实时刷新网页
'<%= meta.exampleTheme %>/**'
]
}
}
Gruntfile.js另外部分代码为:
// These plugins provide necessary tasks.
require('load-grunt-tasks')(grunt, {scope: 'devDependencies'});
//,'autoprefixer:common'
grunt.registerTask('dist-css', ['less', 'autoprefixer:core','autoprefixer:common']);
// Full distribution task.
grunt.registerTask('dist', ['dist-css', 'cssmin:theme','copy-all']);
// 拷贝字体、主题图片等到examples、docs下.
grunt.registerTask('copy-all',['copy:fonts','copy:themeImages','clean:examples','copy:libToDoc']);
// task for building customizer
grunt.registerTask('build-customizer', ['build-customizer-html', 'build-raw-files']);
grunt.registerTask('build-customizer-html', 'jade');
grunt.registerTask('build-raw-files', 'Add scripts/less files to customizer.', function () {
var banner = grunt.template.process('<%= banner %>');
generateRawFiles(grunt, banner);
});
grunt.registerTask('server', ['dist','connect:server', 'watch:less', 'watch:livereload']);
grunt.registerTask('default', ['dist','build-customizer']);
想问一下,grunt.registerTask('server', ['dist','connect:server', 'watch:less', 'watch:livereload']);是什么意思
require('load-grunt-tasks')(grunt, {scope: 'devDependencies'});是什么意思
现在我想修改下其中代码,想dos输入grunt命令,能够运行less插件,但是配置成下面的时候,还是不能运行:
//告诉grunt我们将使用插件,注意,这里没有先后顺序。
grunt.loadNpmTasks('grunt-contrib-cssmin');
grunt.loadNpmTasks('grunt-contrib-less');
grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.loadNpmTasks('grunt-contrib-jshint');
grunt.loadNpmTasks('grunt-contrib-watch');
//在grunt命令执行时,要不要立即执行uglify插件?如果要,就写上,否则不写。
//我现在是需要的,所以我写上。也有可能不需要,这种情况谁知道呢?
//告诉grunt当我们在终端输入grunt时需要做些什么(注意先后顺序)
grunt.registerTask('default',['cssmin','jshint','uglify','less','watch']);
```