babel-plugin-ignore-html-and-css-imports

Ignore html and css imports in your code. Useful for testing meteor without it's context

Usage no npm install needed!

<script type="module">
  import babelPluginIgnoreHtmlAndCssImports from 'https://cdn.skypack.dev/babel-plugin-ignore-html-and-css-imports';
</script>

README

Ignore html and css imports in your code. Useful for testing meteor without it's context

Example

import html from './example.html';

out

Installation

$ npm install --save-dev babel-plugin-ignore-html-and-css-imports

Usage

Via .babelrc (Recommended)

.babelrc

{
  "plugins": ["ignore-html-and-css-imports"]
}

Via CLI

$ babel --plugins ignore-html-and-css-imports script.js

Via Node API

require("babel-core").transform("code", {
  plugins: ["transform-ignore-html-and-css-imports"]
});

Options

You can configure what extensions to remove by adding an optional removeExtensions option.

{
  "plugins": [
    [
      "ignore-html-and-css-imports",
      {
        "removeExtensions": [".png"]
      }
    ]
  ]
}

Initially based on yeiniel/babel-plugin-transform-html-import-to-string which turned out still not to work properly in Meteor - and since we didn't need the string at all, we've decided to change it a bit.