webpack autoprefixer をアップデートしたらエラー出た

  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

アップデートしたらこんな表示が。

gulpfile.jsの下記を削除して、

		.pipe($.autoprefixer({
			browsers: ['last 2 versions', 'ie >= 11', 'Android >= 4.4'],
			cascade: false,
			grid: true
		}))

package.jsonに追加。これで解決しました。

	}, //カンマ追加した
	"browserslist": [ //この行追加した
		"last 2 versions", //この行追加した
		"ie >= 11", //この行追加した
		"Android >= 4.4" //この行追加した
	] //この行追加した
} //これは既存の最終行

参考にさせていただいた記事。ありがとうございました。

• tweet
• share