WEB Tips デザイン・コーディング

AutoprefixerのバージョンアップでReplace Autoprefixer browsers option to Browserslist config.メッセージの対応

2019-08-13

本記事にはプロモーションが含まれています。

AutoprefixerのバージョンアップでReplace Autoprefixer browsers option to Browserslist config.メッセージの対応

gulpを立ち上げたときに以下のようなメッセージ。

Replace Autoprefixer browsers option to Browserslist config.
Use browserslist key in package.json or .browserslistrc file.
Using browsers option cause some error. Browserslist config
can be used for Babel, Autoprefixer, postcss-normalize and other tools.
If you really need to use option, rename it to overrideBrowserslist.
Learn more at:
https://github.com/browserslist/browserslist#readme
https://twitter.com/browserslist

Autoprefixerのバージョンアップで、今までgulpfile.jsに記述していた対象ブラウザをpackage.jsonに書き換える必要があります。

gulpfile.jsに記載されているautoprefixerのbrowsers:~の部分をコメントアウトか削除します。

autoprefixer({ browsers: ['last 2 versions', 'ie >= 9'] })

package.jsonに追記します。

"browserslist": [
  "last 2 version",
  "> 5%",
  "ie >= 9"
]

https://github.com/browserslist/browserslist#readme

これでメッセージは解消しました。

  • この記事を書いた人
  • 最新記事

ソラミ♪

マークアップエンジニアをやりつつ、Webデザインにも携わる株式会社コムワークの中の人。WordPress、Adobeアプリ、カワウソ好き。 WordPressによるサイト制作10年以上|2015年から当ブログ運営|15社以上のレンタルサーバー利用経験|100件以上のドメイン取得運用|サイト・ドメイン移転多数 »  もっとくわしく

-WEB Tips, デザイン・コーディング