Question

我目前有一个自定义位置，我想从grunt-sass输出生成的css文件。在我的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自定义输出文件位置

1 个答案: