Autoprefixing使用咕嚕+ PostCSS

Question

我用無禮的話和，而不是創建一個mixin我試圖用咕嚕-postcss加在我的類定義我的供應商前綴......

這是我的CSS

@keyframes { 
    from { transform:scale(1); } 
     to { transform:scale(2); } 
} 

我gruntfile

watch:{ 
     sass: { 
      files: ["sass/partials/*.scss","sass/*.scss"], 
      tasks:['sass','postcss'] 
     } 
    }, 
    sass :{ 
     dev: { 
      files: { 
       "web/css/styles.css" : "sass/demo.scss" 
      } 
     } 
    }, 
    postcss :{ 
     options: { 
      processors:[ 
       require('autoprefixer-core')({browsers:'>5%'}) 
      ] 
     }, 
     dist: { 
      src: 'web/css/*.css' 
     } 
    }, 

但最後的文件沒有前綴。我究竟做錯了什麼？

[更新]

我試圖改變

dist: { 
    src: 
} 

到

dist : { files: {}} 

，但仍然沒有工作，這是一個錯誤？我注意到，沒有人試圖在運行任務postcss使用@keyframes定義之前

[更新]

：DIST我正在和錯誤

Fatal Error: undefined is not a function

我是在這裏丟失什麼？

Answer 1

我認爲你的Grunt文件表示法不正確。試試這個：

dist: { 
      files: [{ 
       expand: true, 
       cwd: 'web/css/', 
       src: ['**/*.css'], 
       dest: 'web/css/' 
      }] 
     } 

Answer 2

你不必動畫的名稱

@keyframes zoom{ 
    from { transform:scale(1); } 
     to { transform:scale(2); } 
} 

Answer 3

對我下面的工作：

grunt.initConfig({ 

    sass: { 
    dist: { 
     files: { 
      'assets/css/style.css': 'assets/sass/style.scss' 
     } 
    } 
    }, 

    postcss: { 
    options: { 
     map: true, 
     processors: [ 
     require('autoprefixer')({ 
      browsers: ['last 2 versions'] 
     }) 
     ] 
    }, 
    dist: { 
     src: 'assets/css/style.css' 
    } 
    }, 

    watch: { 
    styles: { 
     files: ['assets/sass/*.scss', 'assets/sass/common/*.scss'], 
     tasks: ['sass','postcss'] 
    } 
    } 

}); 

grunt.loadNpmTasks('grunt-contrib-sass'); 
grunt.loadNpmTasks('grunt-postcss'); 
grunt.loadNpmTasks('grunt-contrib-watch'); 

grunt.registerTask('default', ['sass', 'watch']); 
grunt.registerTask('default', ['sass', 'postcss']);