@workleap/postcss-plugin NPM

@workleap/postcss-plugin

All of Workleap’s default PostCSS plugins wrapped up in a single, easy-to-use plugin.

Installation

Install the following packages:

With pnpm

pnpm add -D @workleap/postcss-plugin postcss

With yarn

yarn add -D @workleap/postcss-plugin postcss

With npm

npm install -D @workleap/postcss-plugin postcss

Features

This plugin wraps around the following PostCSS transformations:

postcss-preset-env

Usage

Configuration

Create a postcss.config.js file at the root of your project with the following content:

/** @type {import("postcss").Postcss} */
module.exports = {
    plugins: ["@workleap/postcss-plugin"]
};

Webpack integration

To integrate with Webpack, add the postcss-loader to the development and build configuration file:

{
    module: {
        rules: [
            {
                test: /\.css/i,
                use: [
                    "style-loader",
                    "css-loader",
                    "postcss-loader"
                ]
            }
        ]
    }
}