【Gulp+Sass】Replace Autoprefixer browsers optionエラーの解消法

先日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では、ブラウザオプションを書く場所が変わったためエラーが発生していたというわけだ。