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