先日Gulpを使ってSASSのコンパイルを行ったところ、以下のエラーが発生した。

Replace Autoprefixer browsers option to Browserslist config. Use browserslist key in package.json or .browserslistrc file. Using browsers option can cause errors. Browserslist config can be used for Babel, Autoprefixer, postcss-normalize and other tools. If you really need to use option, rename it to overrideBrowserslist.

ざっと直訳すると「AutoprefixerブラウザオプションをBrowserslist設定に置き換えてください」とのこと。

Autoprefixerブラウザオプションは、gulpfile.jsに記述する以下のコードのことで、まずはこれをコメントアウトする。

autoprefixer({
  // browsers: ['ie >= 11'],
  cascade: false,
  grid: true
})

次に、コメントアウトした設定をpackage.jsonに書く。

"browserslist": [
  "ie >= 11"
]

これでOK。

新しいバージョンのautoprefixerでは、ブラウザオプションを書く場所が変わったためエラーが発生していたというわけだ。