search

facioquo / uswds-design-patterns

Design pattern Idea Book for the U.S. Web Design System
https://uswds.facioquo.com
Creative Commons Zero v1.0 Universal
1 stars 1 forks source link

setup baseline #1

Closed DaveSkender closed 1 year ago

DaveSkender commented 1 year ago

Warning Some of this has changes since this original implementation to improve some problematic aspects. Check the latest related code for comparison.

How we initially installed the USWDS v3.4.1 package in our Angular 16 site

  1. Create a new Angular 16 application with ng new
  2. Install USWDS into the application with npm install --save uswds@3.4.1
  3. Add the USWDS assets in angular.json with glob pattern, to copy static fonts and images
  4. Add the USWDS includePaths for referencing the package SASS sources
  5. Add the USWDS custom setting, reference, and customized SCSS files to the entry SASS/styles.scss file, then reference it in the angular.json styles section of angular.json
  6. Add the minified USWDS JavaScript path to the angular.json file scripts section
  7. In any utilized USWDS template HTML, update static file paths, if different