gulp-autoprefixerでbrowserslistを設定してエラーが出た時の対処法 | 川崎市のWEB制作会社・ホームページ制作会社モンゼンクリエイティブ合同会社

Gulpタスクランナーのgulp-autoprefixerでgulpfile.jsにbrowserslistを設定した際に以下のエラーがでてきてしまいました。

  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.

  Learn more at:
  https://github.com/browserslist/browserslist#readme
  https://twitter.com/browserslist

どうやらbrowserslistをgulpfile.jsで設定するのではなく、package.jsonや.browserslistrcで設定してくださいということでした。

gulpfile.jsに記述していた以下の記述を…

.pipe(autoprefixer({browserslist: ['last 2 versions', 'ie 11'], cascade: false}))

package.jsonに移動させます。

  "devDependencies": {
    "gulp": "^4.0.2",
    "gulp-autoprefixer": "^7.0.1",
  },
  "browserslist" : [
    "last 2 versions", "ie 11"
  ]

まずは無料相談から