babel-plugin-transform-css-import-to-string

Turn CSS imports into strings.

Usage no npm install needed!

<script type="module">
  import babelPluginTransformCssImportToString from 'https://cdn.skypack.dev/babel-plugin-transform-css-import-to-string';
</script>

README

babel-plugin-transform-css-import-to-string

Turn CSS imports into strings.

Example

Given the following style.css.

body { background-color: red; }

in

import css from './style.css';

out

var css = 'body{background-color:red;}';

Installation

$ npm install babel-plugin-transform-css-import-to-string

Usage

Via .babelrc (Recommended)

.babelrc

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

Via CLI

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

Via Node API

require("babel-core").transform("code", {
  plugins: ["transform-css-import-to-string"]
});