grunt-autoprefixer и grunt-postcss не работает

Question

Я пробовал оба плагина grunt-autoprefixer и grunt-postcss, но ни один из них не добавляет префиксы. Я попытался с чем-то, что caniuse.com говорит, что требуется префикс (курсор: захват).

Вот моя autoprefixer задача:

autoprefixer: { 
     dev: { 
      no_dest: { 
       src: 'dev/styles.css' 
      } 
     }, 
     live: { 
      no_dest: { 
       src: 'live/styles.css' 
      } 
     } 
    } 

А вот моя postcss задача:

postcss: { 
     dev: { 
      options: { 
       processors: [ 
        require('autoprefixer-core')({browsers: 'last 1 version'}).postcss 
       ] 
      }, 
      dist: { 
       src: 'dev/styles.css' 
      } 
     } 
    } 

Answer 1

В documentation, конфигурация отличается, попробуйте:

postcss: { 
    options: { 
     processors: [ 
      require('autoprefixer-core')({browsers: 'last 1 version'}).postcss 
     ] 
    }, 
    dist: { 
     src: 'dev/styles.css' 
    } 
} 

Answer 2

Не могли бы вы попробовать попробовать следующие порванные пакеты:

• grunt-postcss
• autoprefixer-core

и следующий фрагмент

postcss: { 
    options: { 
    processors: [ 
     require('autoprefixer-core')({browsers: 'last 1 version'}).postcss 
    ] 
    }, 
    single_file: { 
    src: 'src/main.css', 
    dest: 'css/main.css' 
    }, 
    multiple_files: [{ 
    expand: true, 
    flatten: true, 
    src: 'src/css/*.css', // -> src/css/file1.css, src/css/file2.css 
    dest: 'dest/css/' // -> dest/css/file1.css, dest/css/file2.css 
    }] 
}