Ask questionsAutoprefixer "browsers" option is deprecated in v9, produces warnings
I'm getting a series of warnings related to the browserslist package.
I can't override the settings following the warning instructions because I can't find
where the wrong properties are written.
yarn developThere should be no warnings.
warn
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
DONE Compiled successfully in 9137ms
System:
OS: macOS 10.14.5
CPU: (4) x64 Intel(R) Core(TM) i5-6360U CPU @ 2.00GHz
Shell: 5.3 - /bin/zsh
Binaries:
Node: 11.9.0 - /usr/local/bin/node
Yarn: 1.15.2 - /usr/local/bin/yarn
npm: 6.5.0 - /usr/local/bin/npm
Languages:
Python: 2.7.10 - /usr/bin/python
Browsers:
Chrome: 74.0.3729.169
Firefox: 67.0
Safari: 12.1.1
npmPackages:
gatsby: ^2.2.1 => 2.8.2
gatsby-image: ^2.0.34 => 2.1.2
gatsby-plugin-feed: ^2.0.15 => 2.2.2
gatsby-plugin-google-analytics: ^2.0.17 => 2.0.20
gatsby-plugin-google-tagmanager: ^2.0.13 => 2.0.15
gatsby-plugin-manifest: ^2.0.24 => 2.1.1
gatsby-plugin-offline: ^2.0.25 => 2.1.1
gatsby-plugin-react-helmet: ^3.0.10 => 3.0.12
gatsby-plugin-sass: ^2.0.11 => 2.0.11
gatsby-plugin-sharp: ^2.0.29 => 2.1.3
gatsby-plugin-sitemap: ^2.1.0 => 2.1.0
gatsby-remark-copy-linked-files: ^2.0.11 => 2.0.13
gatsby-remark-images: ^3.0.10 => 3.0.14
gatsby-remark-prismjs: ^3.2.6 => 3.2.9
gatsby-remark-responsive-iframe: ^2.1.1 => 2.1.1
gatsby-remark-smartypants: ^2.0.9 => 2.0.9
gatsby-source-contentful: ^2.0.47 => 2.0.67
gatsby-source-filesystem: ^2.0.27 => 2.0.38
gatsby-transformer-remark: ^2.3.7 => 2.3.12
gatsby-transformer-sharp: ^2.1.17 => 2.1.21
npmGlobalPackages:
gatsby-cli: 2.6.3
gatsby: 2.7.5
Answer questions
robertcoopercode
Seems to be caused by autoprefixer's latest release.
Update: I think I found the usage of the browsers option in the gatsby repo.
Related questions