https://github.com/debonex/esbuild-plugin-raw-css
esbuild plugin for importing css files as minified raw text.
https://github.com/debonex/esbuild-plugin-raw-css
css esbuild esbuild-plugin
Last synced: about 1 month ago
JSON representation
esbuild plugin for importing css files as minified raw text.
- Host: GitHub
- URL: https://github.com/debonex/esbuild-plugin-raw-css
- Owner: Debonex
- Created: 2023-01-17T10:21:30.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-01-17T10:24:00.000Z (over 3 years ago)
- Last Synced: 2025-06-09T00:05:10.355Z (about 1 year ago)
- Topics: css, esbuild, esbuild-plugin
- Language: TypeScript
- Homepage:
- Size: 19.5 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# esbuild-plugin-raw-css
esbuild plugin for importing css files as minified raw text.
## Usage
```css
/* base.css */
.one {
background-color: "#fff";
}
```
```js
// index.js
import base from "./base.css?raw";
console.log(base); // ".one{background-color:"#fff"}\n"
```
```js
// build.js
import esbuild from "esbuild";
import rawCssPlugin from "esbuild-plugin-raw-css";
esbuild.build({
entryPoints: ["index.js"],
bundle: true,
outfile: "out.js",
plugins: [
rawCssPlugin({
// optional
minify: false,
}),
],
});
```
## With typescript
Add type declaration for `*.css?raw` in your project.
```ts
declare module "*.css?raw" {
const src: string;
export default src;
}
```
## API Reference
```ts
type RawCssPluginOptions = {
/** if minify css text @default true */
minify?: boolean;
};
```