LMC’s config for Browserslist
# Yarn:
yarn add --dev @lmc-eu/browserslist-config
# npm:
npm install --save-dev @lmc-eu/browserslist-config
Add this to .browserslistrc
file:
extends @lmc-eu/browserslist-config
Alternatively, add this to your package.json
file:
"browserslist": [
"extends @lmc-eu/browserslist-config"
]
To support Internet Explorer (or any other browser):
extends @lmc-eu/browserslist-config
ie # sorry!
You may provide your own browser statistics.
To get the data from Google Analytics, use one of the following tools:
-
browserslist-ga-export — create a custom report in GA and export it to CSV,
-
browserslist-ga — easier if you are OK with providing your Google password to a third-party tool.
Make the resulting file available to Browserslist by saving it right next to
your .browserslistrc
(or package.json
, wherever you store your config):
# Project root
- .browserslistrc
- browserslist-stats.json
- package.json
- …
As mentioned in the stats file in your Browserslist configuration:
extends @lmc-eu/browserslist-config
> 0.5% in my stats
For more configuration examples including Autoprefixer, Babel, ESLint, PostCSS, and Stylelint see Browserslist examples.
Anytime you can run npx browserslist
in your project root to see what
browsers are actually matched against your configuration.
You should run npx browserslist@latest --update-db
every few months
to update the caniuse
database in the background, so you always develop for
current browsers.