grunt-contrib-sass：如何动态地将子文件夹添加到目标中？

Question

我有一个目录结构：

• views
  • _static_
    • some.js
  • somesass.scss
  • something.jade

我希望做这样的事情： sass: { dist: { options: { style: 'expanded' }, files: [{ expand: true, cwd: 'views', src: ['*/*.scss'], flatten: true, dest: 'views/*/_static_', ext: '.css' }] } },

如果我只是执行dest: 'views' 并删除flatten:true，那么它至少会将其放在.scss 文件所在的同一文件夹中，但我不知道怎么说“好的，添加'@ 987654330@' 到当前文件的 cwd 并将 .css 放在那里。”我如何/可以使用 grunt-contrib-sass 做到这一点？

如果想知道为什么我不只是将所有编译好的 CSS 放到一个目录中，那是因为这是给我自己的实验服务器，所以我没有缩小或任何东西。

Answer 1

为了让子文件夹进入路径，我必须使用rename: function(dest, src){ .. }，但事情并没有像我想象的那样工作。首先，flatten 不是我们想要的，所以我们可以通过 src 获取父目录。要注意的另一件事是rename: 内部的src 将具有whatever.css 作为文件，即使外部src 定义为['*/*.scss']。这对我们有利，但让我感到困惑，因为我希望看到whatever.scss。我仍然需要回去做一些工作，但这为我完成了工作：

sass: { dist: { options: { style: 'expanded' }, files: [{ expand: true, cwd: 'views', src: ['*/*.scss'], rename: function(dest, src) { // src will have .css extension, not scss. var splitPath = src.split('/'); // Leaves the path preceding the filename in splitPath. var filename = splitPath.pop(); // There shouldn't be any other subdirectories, // but added j.i.c. until I can come back to it. var joinedPath = splitPath.join("/"); var customDest = this.cwd + '/' + joinedPath + '/_static_/' + filename; return customDest; }, ext: '.css' }] }

最终结果是：

• views
  • _static_
    • some.js
    • somesass.css（运行 grunt sass 后在自定义位置结束）
  • somesass.scss（源 Sass）
  • something.jade