grunt-这是Gruntfile.js中的配置代码,求教大神帮我解释下,万分感谢

问题描述

这是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

grunt-这是Gruntfile.js中的配置代码,求教大神帮我解释下,万分感谢的相关文章

qt-Qt中调用windowsAPI实现关机功能时出现了这种错误,哪位大神可以教一下,万分感谢。

问题描述 Qt中调用windowsAPI实现关机功能时出现了这种错误,哪位大神可以教一下,万分感谢. 解决方案 http://www.cnblogs.com/Romi/archive/2012/05/24/2516996.html 添加库:LIBS +=User32.LIB http://blog.csdn.net/ys_073/article/details/7770693 这里需要Qt Creator安装目录下的mingwinclude的windows.h 解决方案二: include wi

nginx配置-请大神帮我看下关于nignx配置的问题 怎么直接显示本地文件夹的图片

问题描述 请大神帮我看下关于nignx配置的问题 怎么直接显示本地文件夹的图片 (http://img.ask.csdn.net/upload/201511/06/1446781669_124073.png) 请大神帮我看一下怎么直接显示图片 而不是显示index.html 还有 localhost/nginx-1.9.0这个地方应该写什么

哪位大神帮我解释一下这两句js代码

问题描述 哪位大神帮我解释一下这两句js代码 想问一下 var reader = new FileReader();和 reader.onload = function(){}是什么意思? 一般用var reader = new FileReader()的时候,new后面一般是函数方法,但是这里的FileReader():在上下文中并没有找到这个方法. var fileInput = document.createElement('input'); fileInput.setAttribute(

SSH框架项目,环境不会配置,求教大神!

问题描述 SSH框架项目,环境不会配置,求教大神! 老师给了一个项目,是SSH框架的,但是没有学过这个框架.现在是不能创建bean,还望各位大神解救解救!!! 解决方案 http://jingyan.baidu.com/article/6181c3e054a42d152ff1535c.html 解决方案二: 你如果不用maven的话,直接官网下载需要的jar包,然后build进你的项目,再在你的application.context.xml配置下

关于ThreadLocal的一个测试 大神 帮我看下 为什么run方法里面找不到对象 (为了方便 我把他们都写到一个类中)

问题描述 直接贴代码了package test;public class TestThreadLocal {public static void main(String[] args) {/*ExecutorService exce = Executors.newCachedThreadPool(); for(int i=0;i<10;i++){ exce.execute(new Thread(new TestThread(),"this is thread:"+i)); }ex

javascript-js中change问题,求大神指教,急急急。。。。。。

问题描述 js中change问题,求大神指教,急急急...... 扫描条形码获得值,就调用onChange,这麽写哪里出了问题,为什么不行,可是手动输入就可以: <td style="width:auto"><p style="color:#a0560d; font-family:'微软雅黑'; font-size:16px; margin:0; padding-right:10px;">条形码输入: <input type="

gruntfile.js中的一句代码,求大虾解释下什么意思

问题描述 gruntfile.js中的一句代码,求大虾解释下什么意思 require('load-grunt-tasks')(grunt, {scope: 'devDependencies'}); 请问一下这串代码是什么意思,在有些项目的Gruntfile.js中没有这串require代码也可以 解决方案 Only load from devDependencies 参考:http://npm.taobao.org/package/load-grunt-tasks

js html-在线等,急(大神帮帮忙):js动态嵌入html代码,代码中调用函数,当传参为字符串时,函数没有响应

问题描述 在线等,急(大神帮帮忙):js动态嵌入html代码,代码中调用函数,当传参为字符串时,函数没有响应 <!DOCTYPE html> <br> function insert()<br> {<br> var a="jioho";<br> var str="<table><tr><button type='button' onclick='test("+ a+"

javascript-怎么将jsp中list变量传给js文件,求大神帮帮忙

问题描述 怎么将jsp中list变量传给js文件,求大神帮帮忙 从后台action传了一个List类型的值bxLists给了jsp页面, 然后我还要将该值传给另一个js文件处理,我先在jsp页面将该值隐藏起来了 jsp页面如下: <input type="hidden" id="bxlists" name="bxlists" value="${bxLists}"/> 然后在js页面定义了一个数组接收 js页面如下: