optimize-css-classnames-angularjs v0.0.5

Optimize CSS Classnames

Webpack html loader: Optimize css class names for Angular 1.5 template

Minimize CSS class names and give minimization up to 70% for css files and ~10% for Angular html template minimization.

Minification principle:

FROM :

  <div class="long-class-name"></div>
  <div ng-class="{selected: $ctrl.isSelected()}"></div>

  .long-class-name {
  }
  .selected {
  }

TO :

  <div class="a"></div>
  <div ng-class="{b: $ctrl.isSelected()}"></div>

  .a {
  }
  .b {
  }

Details:

The loader will transpile class attributes together with other additional:

• ng-class
• ng-class-even
• ng-class-odd

The loader work together with webpack core plugin:

optimize-css-classnames-plugin

Examples of configuration can be found here:

optimize-css-classnames-examples