Registry / devops / vite-plugin-resolve-umd-format

vite-plugin-resolve-umd-format

library1.0.0jsnpmunverified

Vite plugin that forces UMD format output to use .js extension instead of .cjs, fixing Content-Type header issues. Current version 1.0.0, compatible with Vite >=4.0.0. Addresses a specific Vite v3+ behavior where UMD modules get .cjs extension and 'application/node' MIME type; this plugin renames output to .js for correct browser consumption. Differentiates from generic output manipulation by targeting UMD format only and being lightweight. Ships TypeScript types.

devops

npm install vite-plugin-resolve-umd-format

github ↗package ↗

INSTALL

IMPORT

SIG · VITE-PLUGIN-RESOLV

vite-plugin-resolve-umd-format

devopsjavascriptv1.0.0

Install

—

Import

—

Disk

—

Pass rate

0/ 6

Env Coverage0 / 6

glibc

18–22

musl

18–22

Install & Compatibility

Where this runs

tested against v? · npm install

Install × environment matrix

Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux

musl

node 18–223 runs

build_error

glibc

node 18–223 runs

build_error

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

default

✓ import umdFormatResolver from 'vite-plugin-resolve-umd-format'

✗ import { umdFormatResolver } from 'vite-plugin-resolve-umd-format'

default export; requires ESM. CommonJS require will not work because package is ESM-only.

default

✓ const umdFormatResolver = require('vite-plugin-resolve-umd-format')

✗ const { default: umdFormatResolver } = require('vite-plugin-resolve-umd-format')

For CommonJS in Node; package is ESM but can be required due to dual CJS/ESM? Actually package.json has exports, but no 'require' field; use ESM import.

default

✓ import umdFormatResolver from 'vite-plugin-resolve-umd-format'

✗ import * as umdFormatResolver from 'vite-plugin-resolve-umd-format'

Correct default import, not namespace import.

Shows basic usage: import the default export, add to plugins array, and configure UMD output.

// vite.config.js import { defineConfig } from 'vite' import umdFormatResolver from 'vite-plugin-resolve-umd-format' export default defineConfig({ plugins: [umdFormatResolver()], build: { rollupOptions: { output: { format: 'umd', name: 'MyLib', entryFileNames: 'my-lib.js' } } } })

Debug

Known issues

gotchaPlugin only affects UMD format; other formats (es, cjs) are unchanged.

fix

Ensure build output format is set to 'umd' for plugin to take effect.

affects: all

deprecatedVite 3+ changed UMD output extension to .cjs; this plugin reverses that. In future Vite versions, this behavior may be configurable natively.

fix

Monitor Vite changelogs; if native option is added, consider removing plugin.

affects: >3.0.0

gotchaPlugin requires Vite >=4.0.0; may not work with older versions.

fix

Upgrade Vite to version 4 or later, or use an alternative workaround.

affects: <4.0.0

gotchaIncorrect import style (named instead of default) will cause 'undefined is not a function' error.

fix

Use default import: import umdFormatResolver from 'vite-plugin-resolve-umd-format'

affects: all

Errors

Common errors & fixes

TypeError: umdFormatResolver is not a function

Using named import instead of default import.

fix

Change to: import umdFormatResolver from 'vite-plugin-resolve-umd-format'

Error: The module "vite-plugin-resolve-umd-format" cannot be used with require()

Package is ESM-only and cannot be required in CommonJS environment.

fix

Use import syntax or set "type": "module" in package.json.

[vite] Internal server error: Cannot find module 'vite-plugin-resolve-umd-format'

Package not installed or not in node_modules.

fix

Run: npm install vite-plugin-resolve-umd-format --save-dev

WARN: This plugin doesn't have any effect because output format is not 'umd'.

Build output format is set to something other than 'umd'.

fix

Set build.rollupOptions.output.format to 'umd'.

Upgrade

Version history

1.0.0latest on npm

Audit

Dependencies

viterequiredpeer dependency; plugin works with Vite >=4.0.0

Agent activity

5 hits · last 30 days

node

Amazon

Resources

githubhttps://github.com/bent10/vite-plugins ↗

packagehttps://www.npmjs.com/package/vite-plugin-resolve-umd-format ↗