@originjs/vite-plugin-commonjs

What is @originjs/vite-plugin-commonjs?

@originjs/vite-plugin-commonjs is a Vite plugin that allows you to use CommonJS modules in a Vite project. This is particularly useful for integrating legacy code or third-party libraries that are not available as ES modules.

What are @originjs/vite-plugin-commonjs's main functionalities?

Transform CommonJS to ES Modules

This feature allows you to transform CommonJS modules into ES modules, making it easier to integrate with Vite's modern build system.

import commonjs from '@originjs/vite-plugin-commonjs';

export default {
  plugins: [commonjs()]
};

Custom Named Exports

This feature allows you to specify custom named exports for CommonJS modules, which can be useful when the default export behavior does not meet your needs.

import commonjs from '@originjs/vite-plugin-commonjs';

export default {
  plugins: [
    commonjs({
      namedExports: {
        'example-package': ['namedExport1', 'namedExport2']
      }
    })
  ]
};

Exclude Specific Modules

This feature allows you to exclude specific modules from being transformed, which can be useful if you want to handle certain modules differently.

import commonjs from '@originjs/vite-plugin-commonjs';

export default {
  plugins: [
    commonjs({
      exclude: ['module-to-exclude']
    })
  ]
};

Other packages similar to @originjs/vite-plugin-commonjs

rollup-plugin-commonjs

rollup-plugin-commonjs is a Rollup plugin that converts CommonJS modules to ES6, so they can be included in a Rollup bundle. It is similar to @originjs/vite-plugin-commonjs but is designed specifically for Rollup, which Vite uses under the hood.

vite-plugin-require

vite-plugin-require is another Vite plugin that allows you to use CommonJS `require` statements in your Vite project. It is similar to @originjs/vite-plugin-commonjs but focuses more on supporting the `require` syntax rather than full CommonJS module transformation.

README

vite-plugin-commonjs

Support commonJS to esm in vite

Install

npm install @originjs/vite-plugin-commonjs --save-dev

or

yarn add @originjs/vite-plugin-commonjs --dev

Usage

import { viteCommonjs } from '@originjs/vite-plugin-commonjs'

export default {
    plugins: [
        viteCommonjs()
    ]
}

Options

• exclude: string[] Dependencies to exclude from transform.

• include: string[] Dependencies that only need to be transform.

CommonJS module in node_modules

import { esbuildCommonjs } from '@originjs/vite-plugin-commonjs'

export default {
    optimizeDeps:{
    esbuildOptions:{
      plugins:[
        esbuildCommonjs(['react-calendar','react-date-picker']) 
      ]
    }
  }
}

Options

• include: string[] Dependent modules need to be transform.