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

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

今月キャンペーン特典があるサービス

  • エックスサーバー
    利用料最大30%キャッシュバッグ月額693円&ドメイン永久無料 - 2024年5月1日(水)12:00まで
  • ConoHa WING
    WINGパック36ヶ月で月額678円 53%OFF ドメイン2個無料 - 2024年4月19日(金)16:00まで
  • カラフルボックス
    ドメイン永久無料特典とBOX2以上の月額費用が50%OFFのクーポンコード「SERVER50

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