Turn CSS imports into CSSStyleSheet
npm install babel-plugin-transform-css-import-to-cssomTurn CSS imports into CSSStyleSheet.
Given the following _style.css_.
``css`
:root { color: dodgerblue }
#### in
`js`
import css from './style.css'
#### out
`js`
var css = new CSSStyleSheet().replaceSync(':root { color: dodgerblue }')
`sh`
$ yarn add -D babel-plugin-transform-css-import-to-cssom
.babelrc
`json`
{
"plugins": ["transform-css-import-to-cssom"]
}
`sh`
$ babel --plugins transform-css-import-to-cssom script.js
`javascript
import core from 'babel-core'
const plugins = [
// ...
'transform-css-import-to-cssom'
// ...
]
core.transform(code, { plugins })
``