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

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

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

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

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

  • ConoHa WING
    WINGパック36ヶ月で月額652円 55%OFF - 2023年3月31日(金)16:00まで
  • エックスサーバー
    月額費用が最大30%オフの693円&ドメイン永久無料、さらに移転代行も0円中 - 2023年4月21日(金)12:00まで
  • Xserverビジネス
    12ヶ月以上契約で初期費用無料、3ヶ月・6ヶ月で初期費用半額 - 2023年4月4日(火)12:00まで
  • カラフルボックス
    .jp取り扱いスタート。BOX2以上の月額費用が25%OFFのクーポンコード「SERVER25

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