Special thanks to the makers of purifycss. Modified version of purifycss that better works together with Angular2 applications. Takes a stylesheet + a bundled js-file (e.g. packed angular2-application) and removes any unused !class-selectors! from the .cs
npm install shakecssInstall with npm install shake-css, or just drop css-shaker.js somewhere.
This plugin is based on purifycss but has alot of modifications.
It currently only works with applications that are bundled like that:
-my-distribution-path
--app.js
--app-chunk.js (optional, n-times)
--bundled.css
You can have multiple chunks (lazy loading, Angular2)
but currently only one .css file.
This plugin will not remove any unused inline-css (css merged into the .js bundle)
So i suggest to pack your application with Webpack and use ExtractTextPlugin
to extract any .css and merge it into a single bundle.css
npm run shakeCss
Example:
optimizeCss: "npm run shakeCss dist/"