我想从相应的.less文件生成.css部分文件
我使用npm提供的最新版本,grunt @ 0.4.0,grunt-contrib-less@0.5.0
在Grunt版本0.4之前,我可以简单地指定模式:
htdocs/less/*.less 作为来源
htdocs/css/*.css 作为目的地
并且文件夹中的所有文件htdocs/less都将生成到文件夹中htdocs/css
从v0.4开始,目标模式不再起作用,文件夹htdocs/less中的所有文件都连接成一个名为的文件*.css
如何配置生成所有文件的任务,而不是将它们连接成一个文件.
我不想单独列出文件.
无法在Grunt文档http://gruntjs.com/configuring-tasks#files中找到答案
谢谢.
我的Gruntfile.js(摘录):
module.exports = function (grunt) {
grunt.initConfig({
less: {
development: {
files: {
"htdocs/css/*.css": "htdocs/less/*.less"
}
}
},
});
};
Run Code Online (Sandbox Code Playgroud)
Sin*_*hus 14
您需要阅读文档中的" 动态构建文件对象"部分.
这将是您当前配置的直接转换:
module.exports = function (grunt) {
grunt.initConfig({
less: {
development: {
files: [{
expand: true, // Enable dynamic expansion.
cwd: 'htdocs/less', // Src matches are relative to this path.
src: ['*.less'], // Actual pattern(s) to match.
dest: 'htdocs/css', // Destination path prefix.
ext: '.css', // Dest filepaths will have this extension.
}]
}
},
});
};
Run Code Online (Sandbox Code Playgroud)