1.0.17 • Published 8 years ago

atma-loader-postmask

Licence

MIT

Version

1.0.17

Deps

Size

5 kB

Vulns

Weekly

Summary Dependency Versions

PostCSS 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:

{
    "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

Quick Try

install atma: $ npm install atma -g
install plugin: $ atma plugin install atma-loader-postcss

add test.html to the directory

<!DOCTYPE html>
<link href='test.css' rel='stylesheet' />

add test.postcss
```
div { display: flex; }
```
start the server: $ atma server
open the browser: http://localhost:5777/test.html

(c) MIT License - Atma.js Project