Atma-loader-postcss NPM

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:
	```json
	{
		"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

atma-io-middleware-base atma-utils i npm postcss

@infinitebrahmanuniverse/nolb-atm @everything-registry/sub-chunk-1178

1.0.8

4 years ago

1.0.7

5 years ago

1.0.6

8 years ago