2017-07-04 3 views
0

私はタスクのための平凡なファイルを設定しています。私の目標は、sassファイル(scss)からCSSファイルを作成し、それを必要とするすべての所有者に自動プレフィックスを追加することです。当初私は適切なマルチファイルを使用しましたが、うまくいきませんでしたので、今は目標の妥当性を使用していますが、私の問題は、同じファイルをターゲットにしても、私のすべてのsassファイルを置く。sassとautoprefixerでgruntタスクのターゲットまたはマルチファイルを設定していますか?

これまでのところ、私のファイルは以下の通りです:

module.exports = function (grunt) { 

    grunt.initConfig({ 

     pkg: grunt.file.readJSON('package.json'), 

     sass: { 
      dev: { 
       options: { 
        style: 'expanded', 
        sourcemap: 'none', 
       }, 
       files: { 
        '../style.css': 'scss/style.scss' 
       } 
      }, 
      dist: { 
       options: { 
        style: 'compressed', 
        sourcemap: 'none', 
       }, 
       files: { 
        '../style-min.css': 'scss/style.scss' 
       } 
      } 
     }, 
     autoprefixer: { 
      options: { 
       browsers: ['last 6 versions'] 
      }, 
      target: { 
       expand: true, 
       flatten: true, 
       src: '../style.css', 
       dest: '' 
      } 
     }, 
     watch: { 
      css: { 
       files: '**/*.scss', 
       tasks: ['sass', 'autoprefixer'] 
      } 
     }, 
    }); 

    grunt.loadNpmTasks('grunt-contrib-sass'); 
    grunt.loadNpmTasks('grunt-contrib-watch'); 
    grunt.loadNpmTasks('grunt-autoprefixer'); 
    grunt.registerTask('default', ['watch']); 
} 

私の目標は、そうのように、すべての私のcssファイルのグローバルタスクを設定することです:

target: { 
    expand: true, 
    flatten: true, 
    src: '*.css', 
    dest: '' 
} 

が、それも機能していません次のようなものを試してみると:

なぜ誰が知っていますか?

答えて

1

cwd(現在の作業ディレクトリを表します)は、パターンが一致するファイルをgruntが探すパスです(src)。 destも定義して、同じフォルダに宛先ファイルを作成します。

target: { 
    expand: true, 
    flatten: true, 
    cwd: '../', 
    src: [ '**/*.css' ], 
    dest: '../' 
} 
+0

私はこの種の文書をどこに見つけることができるか知っていますか?私が見つけたバージョンはまったく異なり、パイプ機能を使用します – Matto

+1

このhttps://gruntjs.com/configuring-tasksを参照してください。ここではすべてが明確に説明されています。 – dsaket

関連する問題