2016-12-24 2 views
1

Grunt должны объединить как мой CSS и JQuery, так что я использовал этот код: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

У вас возникли проблемы с регистрацией задачи. Задача 'concat: dist1' и 'concat: dist2' не существует. Вместо этого вам нужно написать «concat: js» и «concat: css3».

+0

спасибо за ответ, но это просто, что я забыл удалить после этого, я попытался решить проблему с зарегистрированной задачей (пожалуйста, исправьте меня, если я ошибаюсь) –

+1

Я думаю, что вы ошибаетесь в задаче конкатенации. Если вы используете «файлы», вам не нужно использовать «src» и «dest». Вы можете написать Concat задачу таким образом, CSS3: { варианты: { разделитель: '\ п' }, ЦСИ: [ 'CSS/MyLibraryCss.css', 'CSS/MyLibraryScss.css'] , dest: 'css/css.css' } Здесь вы можете проверить документацию https://github.com/gruntjs/grunt-contrib-concat – chaoticmind