𤩠A vite plugin that transform CommonJS to ESModule in Development stage.
npm install vite-plugin-cjs2esm𤩠A vite plugin that transform CommonJS to ESModule in Development stage.
``bash`
yarn add vite-plugin-cjs2esm --save-devor
npm install vite-plugin-cjs2esm --save-devor
pnpm install vite-plugin-cjs2esm --save-dev
In your vite.config.ts:
`js
import { defineConfig } from 'vite'
import viteCjsToEsmPlugin from 'vite-plugin-cjs2esm'
export default defineConfig({
plugins: [viteCjsToEsmPlugin.vitePlugin()],
optimizeDeps: {
esbuildOptions: {
plugins: [viteCjsToEsmPlugin.esbuildPlugin()]
}
}
})
`
Type: RegExp/.*/
Default:
Files to include in this plugin (default all).
1. static require
`js`
// input
const foo = require('./foo')
// ā ouput
import * as __IMPORTER_0__ from './foo'
const foo = __IMPORTER_0__.default || __IMPORTER_0__
2. exports
`js`
// input
exports.foo = foo
// ā ouput
const __EXPORTER_0__ = foo
export { __EXPORTER_0__ as foo }
`js`
// input
module.exports = foo
// ā ouput
const __EXPORTER_0__ = foo
export { __EXPORTER_0__ as default }
3.dynamic require
`js./foo/${file}
// input
function bar(file) {
const foo = require()./foo/${file}
console.log(foo)
}
bar('bar')
// ā output
function bar(file) {
const foo = import().then(foo => {``
console.log(foo)
})
}
bar('foo')