@cat-org/babel-plugin-import-cssdeprecated

Use to make the css files can be imported into `node` and `browser`.

Usage no npm install needed!

<script type="module">
  import catOrgBabelPluginImportCss from 'https://cdn.skypack.dev/@cat-org/babel-plugin-import-css';
</script>

README

@cat-org/babel-plugin-import-css ยท npm npm-size

Use to make the css files can be imported into node and browser with babel-plugin-css-modules-transform.

Example

In

import styles from './styles.css';

Out

require(globalThis.window
  ? './styles.css'
  : '@cat-org/babel-plugin-import-css/emptyCssFile.js');

Install

yarn add babel-plugin-css-modules-transform @cat-org/babel-plugin-import-css --dev

Add @cat-org/babel-plugin-import-css to babel config.

...
  plugins: [
    ...
    [
      'css-modules-transform',
      {
        keepImport: true,
      },
    ],
    '@cat-org/import-css',
    ...
  ],
...

Use with less

...
  plugins: [
    ...
    [
      'css-modules-transform',
      {
        keepImport: true,
      },
    ],
    [
      '@cat-org/import-css',
      { test: /\.less$/ },
    ],
    ...
  ],
...