Grunt-contrib-sass 编译单个文件和目录

Question

我正在努力研究如何编译单个文件和一个目录，但在我的一生中我无法让它工作。

sass: {
  dev: {
    options: {
      style: 'expanded'
    },
    files: [
    {'style.css': 'style.scss'},
    {
      expand: true,
      cwd: '/scss/',
      src: '*.scss',
      dest: '/css',
      ext: '.css'
    }]
  }
}

这似乎只编译了style.css而忽略了目录。

由于 WordPress 的奇怪要求，将 style.css 文件与 CSS 目录分开（上一级）是很常见的。一个示例对于编译多个目录也很有用。

Answer 1

我认为这也可以。这可能是 grunt 中的错误。欢迎随时open a ticket。

您可以同时使用多个目标来解决它：

sass: {
  options: {
    style: 'expanded'
  },
  dev: {
    files: [{
      expand: true,
      cwd: '/scss/',
      src: '*.scss',
      dest: '/css',
      ext: '.css'
    }]
  },
  dev2: {
    files: [{'style.css': 'style.scss'}]
  }
}