Mask optimizers for `atma-io`, `IncludeJS` and `atma-server`.
npm install atma-loader-postmaskPostCSS Compiler (Atma Plugin)
-----

The Plugin extends:
- IncludeJS with a custom loader
- atma-io with a custom middleware to read PostCSS files
- atma-server and Atma Toolkit with a HTTPHandler to serve compiled sources (with sourceMap support)
##### How to use
###### Embed into the Project
+ atma plugin install atma-loader-postcss
This adds atma-loader-postcss npm dependency and the package.json would look like:
``json
`
{
"dependency": {
"atma-loader-postcss"
},
"atma": {
"plugins": [
"atma-loader-postcss"
],
"settings": {
"atma-loader-postcss": {
"extension": "css",
"plugins": ['autoprefixer']
}
}
}
}
$ npm install atma -g
+ That's all. Now, you are ready to use 'dynamic stylesheets' in your project
##### Quick Try
+ install atma:
$ atma plugin install atma-loader-postcss
+ install plugin:
test.html
+ add to the directory
`
html
`
test.postcss
+ add
`
css
`
div { display: flex; }
$ atma server
+ start the server:
http://localhost:5777/test.html`
+ open the browser:
----
_(c) MIT License - Atma.js Project_