GitHub - deanc/esbuild-plugin-postcss: Plugin for esbuild to support SASS styles (original) (raw)

(Huge thanks to https://github.com/koluch/esbuild-plugin-sass which this is based off)

esbuild-plugin-postcss

Plugin for esbuild to support PostCSS

Install

npm i esbuild @deanc/esbuild-plugin-postcss

or yarn

yarn add esbuild @deanc/esbuild-plugin-postcss

Usage example

Create file src/test.css:

input[type="text"] { border-radius: 1px; }

Create file src/index.js:

Create file build.js:

const esbuild = require("esbuild"); const autoprefixer = require("autoprefixer"); const postCssPlugin = require("@deanc/esbuild-plugin-postcss");

esbuild .build({ entryPoints: ["src/index.js"], bundle: true, outfile: "bundle.js", plugins: [ postCssPlugin({ plugins: [autoprefixer], }), ], }) .catch((e) => console.error(e.message));

Run:

File named bundle.css with appropriate postcss plugins applied.