babel-preset-vite



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
"hot": 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.
hot
boolean
, defaults to true
Toggles whether or not to perform import.meta.hot
transformations.
You can read more about configuring preset options
here