问题描述
- 这是Gruntfile.js中的配置代码,求教大神帮我解释下,万分感谢
-
这是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']); ```
解决方案
目前已知悉,使用grunt dist-css命令即可启动less插件
时间: 2024-08-03 08:22:02