browserslistの最適化

[manabuyasuda]

browserslistの最適化

[manabuyasuda]

http://browserl.ist/?q=last+1+version%2C+ie+%3E%3D+9%2C+iOS+%3E%3D+8%2C+Android+%3E%3D+4.4%2C+%3E+3%25+in+JP

      browsers: [
        // すべてのブラウザの最新1バージョン
        'last 1 version',
        // 日本で3%以上のシェアがあるバージョン
        '> 3% in JP',
        // IE9以上
        'ie >= 9',
        // iOS8以上
        'iOS >= 8',
        // Android4.4以上
        'Android >= 4.4'
      ]

[manabuyasuda]

optionsを確認すると、変更しておきたいところがある。

• grid：IEにGrid Layout propertiesのプレフィックスを付与する（default: false;）

[manabuyasuda]

    autoprefixer({
      // ベンダープレフィックスの付与
      // https://github.com/ai/browserslist#browsers
      // 条件によって対応できるブラウザを確認できる（カンマ区切りで指定を記述する）
      //  http://browserl.ist/
      browsers: [
        // すべてのブラウザの最新1バージョン
        'last 1 version',
        // 日本で3%以上のシェアがあるバージョン
        '> 3% in JP',
        // IE9以上
        'ie >= 9',
        // iOS8以上
        'iOS >= 8',
        // Android4.4以上
        'Android >= 4.4'
      ],
      // IEのGrid Layoutにベンダープレフィックスを付与する
      grid: true
    })