Extract Angular Inline Styles

A small tool to extract the style and [style] declarations from the templates in an Angular project to a set of high-specificity selectors.

Note: this tool is as is and not actively maintained.

Extract

Usage

cd /path/to/my/angular-project
/path/to/ng-extract-inline-styles extract

Example Output

/**
 * /path/to/component1/component1.template.html
 */

.HOuhgX {
  margin: 0;
}

.bYoufg {
  display: none;
}

/**
 * /path/to/component2/component2.template.html
 */

.Queod {
  background-color: red;
  margin: 0;
  z-index: 100;
}

Scoring

Usage

cd /path/to/my/angular-project
/path/to/ng-extract-inline-styles score

Example Output

Component Name,Score
my-component,100

License

MIT