CSS build process

The toolkit make use of the AWESOME PostCSS compiler that allows us to enhance CSS using our familiar JS language. It's fast, reliable and pleasant to work with.

Compilation

To compile your CSS, you can simply run this command in your terminal at the root of your project:

Note that you can make use of the @coffeekraken/s-postcss-sugar-plugin postcss plugin to use all the Coffeekraken power in standelone mode...

By default, the compiler will take the src/css/index.css file as input and will save the builded one to:

• dist/css/index.css: Production ready css (when flag the target with --target production
• dist/css/index.dev.css: Development css with docblocks, etc...

All of these configurations are specified inside the postcssBuilder.config.ts config file that you can override as all the others settings following the configuration documentation.

Configuration

The configuration used by the SPostcssBuilder are these ones:

• postcssBuilder.config.ts: Direct builder configuration like input, output, etc...
• postcss.config.ts: PostCSS under the hood configurations
• purgecss.config.ts: PurgeCSS under the hood configurations