write-j2c

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 |