Grunt不会连接css和jquery文件

时间:2016-12-24 17:55:15

标签: javascript jquery css gruntjs concat

Grunt应该连接我的css和jQuery,所以我使用了这段代码:

module.exports = function(grunt) {


    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),
        watch: {
            jquery: {
                files: ['jquerytest/**/*.js'],
                tasks: ['concat:js']
            },
            css: {
                files: ['css/*.css'],
                tasks: ['concat:css3']
            },
            scss:{
                files: ['csstest/*.scss'],
                tasks: ['compass:dist']
            }
        },

        concat: {
            js : {
                options: {
                    separator: ',\n',
                    banner: 'jQuery.fn.extend({',
                    footer: '});'
                },
                files: {
                    src: ['jquerytest/general/MyFunJqueryLibrary.js', 'jquerytest/general/MySetJqueryLibrary.js'],
                    dest: 'jquery/MyJqueryLibrary.js'
                },
            },
            css3 : {
                options: {
                    separator: '\n'
                },
                files: {
                    src: ['css/MyLibraryCss.css', 'css/MyLibraryScss.css'],
                    dest: 'css/css.css'
                },
            },
        },

        compass: {
            dist: {
                options: {
                    sassDir: 'csstest',
                    cssDir: 'css'
                }
            }
        }
    });

    grunt.loadNpmTasks('grunt-contrib-compass');
    grunt.loadNpmTasks('grunt-contrib-sass');
    grunt.loadNpmTasks('grunt-contrib-concat');
    grunt.loadNpmTasks('grunt-contrib-watch');

    // Default task(s).
    grunt.registerTask('concatjs', ['concat:dist1', 'concat:dist2']);
    grunt.registerTask('default', ['watch']);

};

运行watch任务时,我收到以下消息:

File "css\MyLibraryCss.css" changed.
Running "concat:css3" (concat) task

但没有任何反应。但是,当使用jQuery concat任务时,只有当我在concat中使用两个任务时才会出现问题。

1 个答案:

答案 0 :(得分:1)

您在注册任务时遇到问题。任务'concat:dist1'和'concat:dist2'不存在。相反,你必须写'concat:js'和'concat:css3'。