babel-plugin-transform-css-import-to-cssom

Turn CSS imports into CSSStyleSheet.

Example

Given the following style.css.

:root { color: dodgerblue }

in

import css from './style.css'

out

var css = new CSSStyleSheet().replaceSync(':root { color: dodgerblue }')

Installation

$ yarn add -D babel-plugin-transform-css-import-to-cssom

Usage

Via .babelrc (Recommended)

.babelrc

{
  "plugins": ["transform-css-import-to-cssom"]
}

Via CLI

$ babel --plugins transform-css-import-to-cssom script.js

Via Node API

import core from 'babel-core'

const plugins = [
    // ...
    'transform-css-import-to-cssom'
    // ...
]
core.transform(code, { plugins })