# Compose Minification 

We use this plugin to  extract all the common attributes ( margin, padding... ) supported and write them in respective common files( margin.css, padding.css... ) These are further reference to the classname instead of a line of code by composing and adding classnames for the same.


# Feature : 

* We can enable this plugin by representing the value of ` react-cli > app >  plugins > composeMinification ` to `true`.
* The creation of `margin.css`, `padding.css`, `position.css` and so on will be done initially by a manual script for the application. 
* Further the `composeMinification` plugin converts the `props` of common attributes under check into `compose` and `values` into `compose format` ( m10 from `../margin.css`) 
* On runtime the conversion takes place and classnames for the properties (`margin`, `padding`, so on...) are added with references to respective files and styles are applied. 


