babel-preset-vite

babel preset that emulates vite's non-standard functionality

Usage no npm install needed!

<script type="module">
  import babelPresetVite from 'https://cdn.skypack.dev/babel-preset-vite';
</script>

README

babel-preset-vite

Build Status codecov version downloads MIT License

PRs Welcome Code of Conduct Discord

Watch on GitHub Star on GitHub Tweet

Please note: this plugin is intended to provide an approximation of some of Vite specific transformations when running the code in non-Vite environment, for example, running tests with a NodeJS based test runner.

The functionality within these transformations should not be relied upon in production.

This preset includes the following plugins:

Installation

npm install --save-dev babel-preset-vite

Usage

With a configuration file (Recommended)

Without options:

{
  "presets": ["babel-preset-vite"]
}

With options:

{
  "presets": [
    [
      "babel-preset-vite",
      {
        "env": false, // defaults to true
        "glob": false // defaults to true
      }
    ]
  ]
}

Via CLI

babel --presets babel-preset-vite

Via Node API

require('@babel/core').transformSync('code', {
  presets: ['babel-preset-vite']
})

Options

env

boolean, defaults to true

Toggles whether or not to perform import.meta.env transformations.

glob

boolean, defaults to true

Toggles whether or not to perform import.meta.glob and import.meta.globEager transformations.

You can read more about configuring preset options here