PostCSS Compiler (Atma Plugin)
The Plugin extends:
-
IncludeJSwith a custom loader -
atma-iowith a custom middleware to read PostCSS files -
atma-serverandAtma Toolkitwith aHTTPHandlerto serve compiled sources (with sourceMap support)
-
atma plugin install atma-loader-postcssThis adds
atma-loader-postcssnpm dependency and thepackage.jsonwould look like:{ "dependency": { "atma-loader-postcss" }, "atma": { "plugins": [ "atma-loader-postcss" ], "settings": { "atma-loader-postcss": { "extension": "css", "plugins": ['autoprefixer'] } } } } -
That's all. Now, you are ready to use 'dynamic stylesheets' in your project
-
install atma:
$ npm install atma -g -
install plugin:
$ atma plugin install atma-loader-postcss -
add
test.htmlto the directory<!DOCTYPE html> <link href='test.css' rel='stylesheet' />
-
add
test.postcssdiv { display: flex; }
-
start the server:
$ atma server -
open the browser:
http://localhost:5777/test.html
(c) MIT License - Atma.js Project