Plugin for esbuild to support postcss
npm install @wemake/esbuild-plugin-postcss(Huge thanks to https://github.com/koluch/esbuild-plugin-sass which this is based off)
bash
npm i esbuild @deanc/esbuild-plugin-postcss
`
or yarn
`bash
yarn add esbuild @deanc/esbuild-plugin-postcss
`
Usage example
Create file src/test.css:
`css
input[type="text"] {
border-radius: 1px;
}
`
Create file src/index.js:
`js
import "./test.css";
`
Create file build.js:
`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:
`bash
node build.js
`
File named bundle.css` with appropriate postcss plugins applied.