Write j2c to CSS
Usage
writej2c(options)Example
// styles.js
export default = [
{
'.red.strong': {
color: '#f00',
fontWeight: 'bold'
}
},
{
'.header': [
{
'&.h1': {
'font-weight': 'bold'
}
},
{
'&.h1': {
'color': '#000'
}
}
]
},
];// postbuild.js
import { writej2c } from "write-j2c"
import styles from "./styles"
writej2c({
styles,
path: "./dist/app.css",
beautify: true
})Creates:
.red.strong {
color: red;
font-weight: 700;
}
.header.h1 {
font-weight: 700;
color: #000;
}Options
| Parameter | Required | Type | Default | Description |
|---|---|---|---|---|
| styles | required | Array of J2C styles | See j2c documentation | |
| path | required | String | Where to save the output CSS file | |
| autoPrefix | optional | Boolean | false | Set to true to add vendor prefixes; not needed if your bundler writes prefixes |
| beautify | optional | Boolean | false | Set to true to beautify the output (by default the output is minified) |
| gzip | optional | Boolean | false | Set to true to export a .gz file (next to the regular output file) |
| wrapInGlobal | optional | Boolean | false | To use with CSS Modules: set to true to wrap the generated css inside a :global { ... } tag |
