作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想从相应的 .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"
}
}
},
});
};
最佳答案
您需要阅读文档中的 Building the files object dynamically 部分。
这将是您当前配置的直接翻译:
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.
}]
}
},
});
};
关于less - Grunt 0.4 少任务 : How to not concatenate destination files,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15344584/
我是一名优秀的程序员,十分优秀!