如何使用 grunt-sass 自定义输出文件位置

Question

我目前有一个自定义位置，我想将生成的 css 文件从 grunt-sass 输出到该位置。在我的 GruntFile.js 中，我有：

sass: {
  options: {
    includePaths: ['bower_components/foundation/scss']
  },
  dist: {
    options: {
      outputStyle: 'compressed'
    },
    files: {
      'dist/assets/css/app.css': 'src/assets/scss/app.scss'
    }        
  }
}

我想将 'dist/assets/css/app.css' 替换为从命令行指定的自定义位置。有什么办法可以为 grunt-sass?

Answer 1

Grunt 提供应用命令行参数。这是解释：http://gruntjs.com/api/grunt.option

在您的情况下，解决方案可能如下所示：

在Gruntfile.js的顶部某处声明变量：

var myVariable = grunt.option('src')';

grunt.initConfig({
...

在您的 sass 任务更改中：

files: {
  'dist/assets/css/app.css': 'src/assets/scss/app.scss'
}

到

files: [
  { src: ['src/assets/scss/app.scss'], dest: myVariable
]

最后，在命令行调用中：
```
grunt sass --src='your/new/src'
```

如何使用 grunt-sass 自定义输出文件位置

How to customize the output file location using grunt-sass

gruntjs