![\"Browserslist-GA](\"./logo.svg\"){kind=logo}
\n\nTarget browsers tailored to your audience.\n\n---\n\n\n Interested in a bot that does all of this for you?\n Click here!\n \n
\n\n---\n\n## How to use\n\nIn the root directory of your project run:\n\n```yaml\nnpx @davidfrancisco/browserslist-ga\n```\n\n_([npx](https://medium.com/@maybekatz/introducing-npx-an-npm-package-runner-55f7d4bd282b) comes with npm 5.2+, for older versions run `npm install -g browserslist-ga` and then `browserslist-ga`)_\n\nYou'll be asked to login with your Google Account. Your access token will only be used locally to generate a `browserslist-stats.json` file in the root of your project. After finishing the steps, you can use your stats with Browserlist by adding the following to your [Browserslist config](https://github.com/ai/browserslist#config-file):\n\n```yaml\n> 0.5% in my stats # Or a different percentage\n```\n\nNote that you can query against your custom usage data while also querying against global or regional data. For example, the query `> 1% in my stats, > 5% in US, 10%` is permitted.\n\n## Why should I care?\n\nBrowsers update very often these days, with major releases getting published every month.\nWith each new browser version comes support for new web platform features.\nThanks to open source projects such as Autoprefixer and Babel we are able to use these features while supporting older browsers.\nBut this backward compatibility comes with a cost.\nWe can't really keep adding prefixes, polyfills and other fallbacks to support every browser ever invented.\n\nBrowserslist is an open source project that can minimize those costs by allowing you to configure which browsers you care about.\nIt is supported by tools such as\n[Autoprefixer](https://github.com/postcss/autoprefixer),\n[babel-preset-env](https://github.com/babel/babel/tree/master/packages/babel-preset-env),\n[postcss-normalize](https://github.com/jonathantneal/postcss-normalize) and many others.\nHere's how you configure Browserslist:\n\n```yaml\n> 1% # I want to support browser versions that have more than 1% of global usage\nLast 2 versions # And the latest 2 versions of each browser\nIE 9 # And also Internet Explorer 9 specifically\n```\n\nThe global browser usage data comes from [caniuse.com](https://caniuse.com) and is downloaded from npm when you run `npm install`.\nPackage managers such as npm and Yarn will generate a lockfile with the exact version of each package that was installed.\nThis means the caniuse database that is used to perform these queries will always be the same.\nThis is great because it's predictable, but it's important to update this package from time to time to keep up with the latest stats.\nApart from remembering to update this package, there's something else you should consider:\n\n* For instance, in China there are some popular browsers that are not used in the US and Europe.\n* Or maybe your audience uses mostly mobile browsers.\n* Or maybe you are building an application for the government and need to support Internet Explorer 8.\n\nThe point being, it's important to make decisions based on your audience.\nBrowserslist-GA aims to help you with that.\nIt integrates Google Analytics with Browserslist to keep your targeted browsers updated.\n\n## Kudos\n\nAll the praise goes to the humans and martians that develop and maintain [Can I Use](https://caniuse.com) and [Browserslist](https://github.com/ai/browserslist).\n","readmeFilename":"README.md"}