rollup-plugin-cssnext

  

Easy integration between Rollup and postcss-preset-env.

Installation

``bash
npm install --save-dev rollup-plugin-cssnext
`

Usage

First, configure Rollup:

`js
import cssnext from 'rollup-plugin-cssnext'

const rollupOptions = {
plugins: [
cssnext({
include: '*/.css',
exclude: null,
dynamic: true,
minify: true
})
]
}
`

Then, import a CSS file as a string:

`js
import style from './style.css'

console.log(style)
`

Options

$3

Minify CSS using cssnano. Default: false.

$3

Return a template function instead of a string. Default: false.

The template function takes a single argument containing the replacements for
every var() in the CSS. For example, take the following CSS:

`css
:root {
--bgColor: brown;
}

body {
background-color: var(--bgColor);
color: var(--fgColor);
}
`

With { dynamic: true }, you'd use this stylesheet as follows:

`js
import buildCss from './style.css'

const styleSheet = buildCss({
fgColor: 'white'
})
console.log(styleSheet)
``

$3

From rollup-pluginutils.

$3

Options for postcss.

$3

Options for postcss-preset-env.

Author

Tim De Pauw

License

MIT