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

Gruntjs 如何使用grunt sass自定义输出文件位置,gruntjs,Gruntjs,我目前有一个自定义位置,我想从grunt sass将生成的css文件输出到该位置。在我的Grunfile.js中,我有: sass: { options: { includePaths: ['bower_components/foundation/scss'] }, dist: { options: { outputStyle: 'compressed' }, files: { 'dist/assets/css/app.css'

我目前有一个自定义位置,我想从grunt sass将生成的css文件输出到该位置。在我的Grunfile.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有什么方法可以做到这一点吗?

grunt提供了应用命令行参数的方法。以下是解释:

在您的情况下,解决方案可能如下所示:

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

    var myVariable = grunt.option('src')';
    
    grunt.initConfig({
    ...
    
  • 在您的
    sass
    任务更改中:

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

  • 最后,在命令行调用中:

    grunt sass --src='your/new/src'
    
  • grunt sass --src='your/new/src'