Javascript 格朗特·唐';t连接css和jquery文件
Grunt应该连接我的css和jQuery,所以我使用了以下代码:Javascript 格朗特·唐';t连接css和jquery文件,javascript,jquery,css,gruntjs,concat,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'], task
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
任务时,我收到以下消息:
文件“css\MyLibraryCss.css”已更改。
运行“concat:css3”(concat)任务
但什么也没发生。但是,当使用jQuery concat任务时,只有在concat内部使用两个任务时,才会出现问题。您在注册任务时遇到问题。任务“concat:dist1”和“concat:dist2”不存在。相反,您必须编写“concat:js”和“concat:css3”。谢谢您的回答,但只是在我尝试使用注册任务解决问题后,我忘记了删除(如果我错了,请纠正我)。我认为连接任务中存在错误。如果使用“文件”,则不需要使用“src”和“dest”。您可以这样编写concat任务,css3:{options:{separator:'\n'},src:['css/MyLibraryCss.css','css/MyLibraryScss.css'],dest:'css/css.css'}您可以在这里查看文档