rollup-plugin-import-css

KO | EN

gitlite — search

#javascript #hacktoberfest #react #llm #machine-learning #deep-learning #linux #macos #java #kubernetes #pytorch #mcp #openai #open-source

rollup-plugin-import-css

(★ 61)

A Rollup plugin to import CSS into JavaScript

rollup-plugin-import-css 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# rollup-plugin-import-css
A Rollup plugin to import CSS into JavaScript

![Actions](https://github.com/jleeson/rollup-plugin-import-css/workflows/build/badge.svg)
[![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/jleeson/rollup-plugin-import-css/blob/master/LICENSE)
[![Follow Us](https://img.shields.io/badge/follow-on%20twitter-4AA1EC.svg)](https://twitter.com/jleesons)

---

## Usage

```js
import css from "rollup-plugin-import-css";

export default {
    input: "index.js",
    output: { file: "dist/index.js", format: "esm" },
    plugins: [ css() ]
};
```

This plugins supports three forms of importing css.
```js
import "./styles.css"; /* extract the styles to a external css bundle */
import styles from "./styles.css"; /* import the styles as a string */
import styles from "./styles.css" with { type: "css" }; /* import the styles as a CSSStyleSheet */
```

NOTICE: using import attributes requires Rollup v3+

If your build uses `preserveModules`, this plugin will process and output your css files while maintaining their original file structure.

This plugin respects the import order of your css files.

---

## Options

### include

Type: `array` or `string`
Default: `[]`

A single file, or array of files to include in the plugins processing.

### exclude

Type: `array` or `string`
Default: `[]`

A single file, or array of files to exclude in the plugins processing.

### output

Type: `string`
Default: `null`

An output file name for the css bundle. By default `output.assetFileNames` is used.

### transform

Type: `Function`
Default: `null`

The transform function is used for processing the CSS, it receives a string containing the code to process as an argument. The function should return a string.

### minify