我使用Grunt作为构建工具(惊喜),使用grunt-contrib-copy
作为调试和早期开发工具。我已经搜索了我的代码多次,但我不明白为什么会出现错误。这是我的密码。
Gruntfile.js
module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
concurrent: {
watch: {
options: {
logConcurrentOutput: true
},
tasks: ['watch:css', 'watch:html', 'watch:js', 'watch:img']
}
},
watch: {
css: {
files: ['./src/scss/*.scss'],
tasks: ['sass', 'autoprefixer']
},
js: {
files: ['./src/js/*.js'],
tasks: ['copy:js']
},
html: {
files: ['./src/html/*.html'],
tasks: ['copy:html']
},
img: {
files: ['./src/img/*'],
tasks: ['copy:img']
}
},
sass: {
files: {
expand: true,
cwd: './src/scss/',
src: ['*.scss'],
dest: './src/no-prefix-css',
ext: '.css'
}
},
autoprefixer: {
options: {
browsers: ['all']
},
files: {
expand: true,
cwd: './src/no-prefix-css',
src: ['*.css'],
dest: './build/css/',
}
},
// Affected code
copy: {
html: {
files: {
expand: true,
cwd: './src/html/',
src: ['*.html'],
dest: './build/html/'
}
},
js: {
files: {
expand: true,
cwd: './src/js/',
src: ['*.js'],
dest: './build/js/'
}
},
img: {
files: {
expand: true,
cwd: './src/img/',
src: ['*.bmp', '*.jpg', '*.jpeg', '*.svg', '*.png'],
dest: './build/img/'
}
}
}
});
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-contrib-sass');
grunt.loadNpmTasks('grunt-contrib-copy');
grunt.loadNpmTasks('grunt-autoprefixer');
grunt.loadNpmTasks('grunt-concurrent');
grunt.registerTask('default', 'Run build tools', ['concurrent:watch']);
}
这是我运行grunt copy:html -v
时的输出
Initializing
Command-line options: --verbose
Reading "Gruntfile.js" Gruntfile...OK
Registering Gruntfile tasks.
Reading package.json...OK
Parsing package.json...OK
Initializing config...OK
Registering "grunt-contrib-watch" local Npm module tasks.
Reading C:Projectstonal-music-visualizernode_modulesgrunt-contrib-watchpack
age.json...OK
Parsing C:Projectstonal-music-visualizernode_modulesgrunt-contrib-watchpack
age.json...OK
Loading "watch.js" tasks...OK
+ watch
Registering "grunt-contrib-sass" local Npm module tasks.
Reading C:Projectstonal-music-visualizernode_modulesgrunt-contrib-sasspacka
ge.json...OK
Parsing C:Projectstonal-music-visualizernode_modulesgrunt-contrib-sasspacka
ge.json...OK
Loading "sass.js" tasks...OK
+ sass
Registering "grunt-contrib-copy" local Npm module tasks.
Reading C:Projectstonal-music-visualizernode_modulesgrunt-contrib-copypacka
ge.json...OK
Parsing C:Projectstonal-music-visualizernode_modulesgrunt-contrib-copypacka
ge.json...OK
Loading "copy.js" tasks...OK
+ copy
Registering "grunt-autoprefixer" local Npm module tasks.
Reading C:Projectstonal-music-visualizernode_modulesgrunt-autoprefixerpacka
ge.json...OK
Parsing C:Projectstonal-music-visualizernode_modulesgrunt-autoprefixerpacka
ge.json...OK
Loading "autoprefixer.js" tasks...OK
+ autoprefixer
Registering "grunt-concurrent" local Npm module tasks.
Reading C:Projectstonal-music-visualizernode_modulesgrunt-concurrentpackage
.json...OK
Parsing C:Projectstonal-music-visualizernode_modulesgrunt-concurrentpackage
.json...OK
Loading "concurrent.js" tasks...OK
+ concurrent
Loading "Gruntfile.js" tasks...OK
+ default
Running tasks: copy:html
Running "copy:html" (copy) task
Verifying property copy.html exists in config...OK
Warning: undefined is not a function Use --force to continue.
Aborted due to warnings.
尽管这不起作用:
copy: {
buildImages: {
files: {
expand: true,
cwd: paths.dev.cssImages,
src: '**/*',
dest: paths.prod.cssImages,
filter: 'isFile'
}
},
buildBlub: {
files: {
expand: true,
cwd: paths.dev.cssImages,
src: '**/*',
dest: paths.prod.cssImages,
filter: 'isFile'
}
}
}
这样做:
copy: {
buildImages: {
files: [
{
expand: true,
cwd: paths.dev.cssImages,
src: '**/*',
dest: paths.prod.cssImages,
filter: 'isFile'
}
]
},
buildBlub: {
files: [
{
expand: true,
cwd: paths.dev.cssImages,
src: '**/*',
dest: paths.prod.cssImages,
filter: 'isFile'
}
]
}
}
"files"只是期望一个对象数组,这就是为什么如果只给定一个复制任务,它就可以与单个对象一起工作。。没有线索:)
我不确定为什么会这样,但对于那些有类似问题的人来说,这就是我的代码的问题所在:
Copy不允许我在其中创建子对象,就像我认为所有Grunt命令都允许的那样。为了解决我的问题,我将代码更改为如下所示:
copy: {
default: {
files: [
{
expand: true,
cwd: './src/html/',
src: ['*.html'],
dest: './build/html/'
},
{
expand: true,
cwd: './src/js/',
src: ['*.js'],
dest: './build/js/'
},
{
expand: true,
cwd: './src/img/',
src: ['*'],
dest: './build/img/'
}]
}
}
显然,复制需要一个子对象,但它不能处理多个子对象。如果有人能提供这个功能的理由,我会非常高兴。似乎这可能被认为是grunt-contrib-copy
中的一个错误,或者我的发现是不正确的。我也不喜欢。