https://github.com/plxity/esbuild-cross-browser-css

An ESBuild plugin to make CSS compatible for all browsers.
https://github.com/plxity/esbuild-cross-browser-css

css esbuild esbuild-loader vendor-prefix

Last synced: about 1 month ago
JSON representation

An ESBuild plugin to make CSS compatible for all browsers.

• Host: GitHub
• URL: https://github.com/plxity/esbuild-cross-browser-css
• Owner: plxity
• Created: 2021-10-16T05:05:12.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-10-17T17:46:23.000Z (over 3 years ago)
• Last Synced: 2025-04-14T12:05:25.628Z (about 1 month ago)
• Topics: css, esbuild, esbuild-loader, vendor-prefix
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/esbuild-plugin-cross-browser-css
• Size: 3.91 KB
• Stars: 11
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
## ESBuild Cross Browser CSS Plugin

An ESBuild plugin to add support for cross-browser CSS.

## Example

**Input**

```css

div{

  display: flex

}

```

**Output**

```css

div{

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

}

```

## Use

**Create a file**

`esbuild.config.js`

```JS

import esbuild from 'esbuild';

import CrossBrowserCSS from 'esbuild-plugin-cross-browser-css';

esbuild

    .build({

        entryPoints: ... // Input file

        bundle: true,

        outfile: ... // Output file

        plugins: [CrossBrowserCSS()]

    })

    .catch(() => process.exit(1));

```