ybdt1201 2016-05-12 10:12 采纳率: 100%
浏览 1253
已采纳

这是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']);
    ```
  • 写回答

1条回答 默认 最新

  • ybdt1201 2016-05-13 01:51
    关注

    目前已知悉,使用grunt dist-css命令即可启动less插件

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥20 sub地址DHCP问题
  • ¥15 delta降尺度计算的一些细节,有偿
  • ¥15 Arduino红外遥控代码有问题
  • ¥15 数值计算离散正交多项式
  • ¥30 数值计算均差系数编程
  • ¥15 redis-full-check比较 两个集群的数据出错
  • ¥15 Matlab编程问题
  • ¥15 训练的多模态特征融合模型准确度很低怎么办
  • ¥15 kylin启动报错log4j类冲突
  • ¥15 超声波模块测距控制点灯,灯的闪烁很不稳定,经过调试发现测的距离偏大