Tooling to help support REI digital design systems
- Clone or download repo
- In Chrome open
Settings
>Extensions
- Check
Developer mode
- Click
Load unpacked extension
- Navigate to directory of
audit-chrome-extension
and click OK - Click
Options
for the extension (it will set up for 'rei-cedar' by default) and configure as needed then clickSave
. - Click the extension icon to audit any page currently being viewed.
View the most recently run report here
OR
If you'd like to run it locally, follow these instructions:
- Clone or download repo
cd css-report
npm install
npm run report
(this runsnpm run scrape
which gets the data and saves the raw values to a file,npm run process
which reads that file and generates statistics for the pages then saves them to a file the app uses, andnpm run dev
which loads the webpack server and opens the results)
To update the gh-page report, run npm run update
and commit changes back to the master branch.