如何使用grunt-sass自定義輸出文件位置

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 /資產/ CSS/app.css」。有沒有辦法爲grunt-sass做到這一點？

Answer 1

Grunt提供應用命令行參數。下面是解釋：http://gruntjs.com/api/grunt.option

在你的情況解決方案可能看起來像：

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

grunt.initConfig({ 
... 

在你sass任務的變化：在Gruntfile.js頂部

1. 聲明變量的地方

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

   到

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

2. 最後，在命令行調用：

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