gulp autoprefixer - yagisawatakuya/Wiki GitHub Wiki

ベンダープリフィックス自動追加

・gulp-postcss、autoprefixer インストール

npm install autoprefixer --save-dev
npm install gulp-postcss --save-dev
//npm i gulp-postcss -D ←短縮版

・gulpfile.jsに下記記述

// プラグインを読み込む
var autoprefixer = require('autoprefixer');
var postcss = require('gulp-postcss');

// 例
.pipe(postcss([
  autoprefixer({
    browsers: [
      'ie >= 11',
      'last 2 Edge versions',
      'last 2 Chrome versions',
      'last 2 Firefox versions',
      'last 2 Safari versions',
      'iOS >= 9.3',
      'Android >= 4.2'
    ]
  })
]))