grunt少保存文件夹结构的多个css文件

Question

我有一个品牌推广应用程序，我希望有这个输出：

• /品牌/
  • /默认/
    • default.css
  • / brand1 /
    • brand1.css
  • / brand2 /
    • brand2.css

这个应该从具有相同结构但带有.less文件的品牌文件夹输出

所以我想做这样的事情：

less: {
      production: {
        options: {
        },
        files: {
          'dist/branding/**/*.css': 'branding/**/*.less'
        }
      }
    }

我刚刚看到这里的例子，他们都去同一个文件夹，但我想保持这种动态，因为在我的情况下，有大量的品牌，品牌文件夹不仅仅是一个CSS文件，他们也有其他文物，如图像等。 有什么建议吗？

Answer 1

如果我理解正确，您希望将branding下的LESS文件编译到dist/branding文件夹并保留文件夹结构。

要做到这一点，你会做这样的事情：

files: [
  {
    expand: true, // Recursive
    cwd: "branding", // The startup directory
    src: ["**/*.less"], // Source files
    dest: "dist/branding", // Destination
    ext: ".css" // File extension 
  }
]

Answer 2

您可以访问http://rajdeepdeb.me/less-to-css-grunt-for-multiple-files/

在grunt文件中添加以下配置 ...rest of the grunt configuration, files: [{ expand: true, cwd: '/', src: ['**/*.less'], dest: '/', ext: '.css', extDot: 'last' }], ... rest of the grunt configuration