如何使用grunt和grunt contrib less将编译后的CSS文件输出到不同的生产文件夹
我已经找到了使用grunt contrib-less包构建less的解决方案,但是我不知道如何使用grunts配置任务()将*.css文件输出到特定的目标。我试过dest:“C:/my_folder/”。有什么建议吗如何使用grunt和grunt contrib less将编译后的CSS文件输出到不同的生产文件夹,css,less,gruntjs,windows-7-x64,Css,Less,Gruntjs,Windows 7 X64,我已经找到了使用grunt contrib-less包构建less的解决方案,但是我不知道如何使用grunts配置任务()将*.css文件输出到特定的目标。我试过dest:“C:/my_folder/”。有什么建议吗 less: { options: { paths: ['css/base'] }, // target name src: { // no need for files, the config below should
less: {
options: {
paths: ['css/base']
},
// target name
src: {
// no need for files, the config below should work
expand: true,
cwd: "css/base",
src: "*.less",
ext: ".css"
}
}
我也尝试过使用grunt contrib less中的示例,但我不知道如何将其应用到a)只需选择所有文件,并将它们构建到具有不同扩展名的相同文件名中(即..less to.css),就像上面的b)我不理解选项JSON属性(甚至阅读文档)
在所有这一切结束时,我真的希望有一个组合,这两个花了我所有的较少,并将其编译为css的开发和最终的css的生产,这是缩小
我已经浏览了一遍,但很难理解Grunt。您需要指定dest属性。指定较少文件源的最佳方法是使用相对路径
没有使用grunt contrib less,但您可以尝试设置
less.src.dist
或less.dist
。根据文档,它看起来应该是less.dest='C:/xxx/.css'代码>
less: {
development: {
options: {
paths: ["assets/css"]
},
files: {
"dev/css/*.css": "dev/less/*.less"
}
},
production: {
options: {
paths: ["assets/css"],
cleancss: true
},
files: {
"prod/css/*.css": "dev/less/*.less"
}
}
}
less: {
options: {
paths: ['css/base']
},
// target name
src: {
expand: true,
cwd: "css/base",
src: "*.less",
ext: ".css"
dest: "build/" // Destination for your compiled css files.
}
}