Less Grunt 0.4更少的任务:如何不连接目标文件
我想从相应的.less文件生成.css部分文件 我使用npm提供的最新版本,grunt@0.4.0,咕噜咕噜-less@0.5.0 在Grunt版本0.4之前,我可以简单地指定模式:Less Grunt 0.4更少的任务:如何不连接目标文件,less,gruntjs,Less,Gruntjs,我想从相应的.less文件生成.css部分文件 我使用npm提供的最新版本,grunt@0.4.0,咕噜咕噜-less@0.5.0 在Grunt版本0.4之前,我可以简单地指定模式: htdocs/less/*.less作为源代码 htdocs/css/*.css作为目的地 文件夹htdocs/less中的所有文件都将生成到文件夹htdocs/css 由于v0.4目标模式不再工作,文件夹htdocs/less中的所有文件都连接到一个名为*.css 如何配置任务,使其生成所有文件,而不是将它们连接
htdocs/less/*.less
作为源代码
htdocs/css/*.css
作为目的地
文件夹htdocs/less
中的所有文件都将生成到文件夹htdocs/css
由于v0.4目标模式不再工作,文件夹htdocs/less
中的所有文件都连接到一个名为*.css
如何配置任务,使其生成所有文件,而不是将它们连接到一个文件中
我不想单独列出这些文件
在Grunt文档中找不到答案
多谢各位
My Grunfile.js(摘录):
您可能想阅读文档中的部分
这将是您当前配置的直接翻译:
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.
}]
}
},
});
};
也来看看。它基于grunt contrib less,但专门针对您希望做的事情。(完全公开,我也是项目的维护者)
对于这个特定的用例,与grunt contrib less相比,它的优势在于它有一个concat:false
选项,使您能够使用grunt中的任何src dest模式单独编译更少的文件。assemble less还具有一个require
选项,该选项将自动将“全局”less文件(如variables.less或mixins.less)前置到所有其他指定的less文件上,从而消除在每个less文件中实际添加@import
语句的需要
因此,例如,您可以这样做:
less: {
development: {
options: {
concat: false
}
files: {
"htdocs/css/": "htdocs/less/*.less"
}
}
}
谢谢Sindre,这正是我所需要的,我已经知道那页了,但是我没有把标题和我的问题联系起来。注意:作者已经从
assemble less
less: {
development: {
options: {
concat: false
}
files: {
"htdocs/css/": "htdocs/less/*.less"
}
}
}