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

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

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

  • エックスサーバー
    半額キャッシュバックで月額費用が実質693円&ドメイン永久無料 - 2023年10月2日(月)12:00まで
  • ConoHa WING
    WINGパック36ヶ月で月額678円 53%OFF - 2023年10月3日(火)16:00まで
  • カラフルボックス
    .jp取り扱いスタート。BOX2以上の月額費用が25%OFFのクーポンコード「SERVER25

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