Registry / devops / rollup-plugin-import-cdn

rollup-plugin-import-cdn

library0.3.0jsnpmunverified

Rollup plugin that resolves bare module specifiers to CDN URLs (Skypack, esm.sh) during bundling, enabling tree-shaking of external ESM resources. Version 0.3.0 supports Rollup ^3.x || ^4.x and ships TypeScript types. Key differentiators: full tree-shaking support for CDN imports, multiple CDN fallback chains, and version pinning for reproducible builds.

devops

npm install rollup-plugin-import-cdn

github ↗package ↗homepage ↗

INSTALL

IMPORT

SIG · ROLLUP-PLUGIN-IMPO

rollup-plugin-import-cdn

devopsjavascriptv0.3.0

harness data pending

Install & Compatibility

Where this runs

No compatibility data collected yet for this library.

Code

Verified usage

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

importCdn

✓ import { importCdn } from 'rollup-plugin-import-cdn'

✗ const importCdn = require('rollup-plugin-import-cdn')

ESM-only package; CommonJS require will fail. Default export is not available.

ImportCdnOptions

✓ import type { ImportCdnOptions } from 'rollup-plugin-import-cdn'

✗ import { ImportCdnOptions } from 'rollup-plugin-import-cdn'

TypeScript users should use type import to avoid runtime errors; this is a type-only export.

default import (non-existent)

✓ import { importCdn } from 'rollup-plugin-import-cdn'

✗ import importCdn from 'rollup-plugin-import-cdn'

Package only exports named function `importCdn`. Default import will be undefined.

Configures Rollup to resolve bare imports via esm.sh with Skypack fallback, pinning lodash to version 4.17.21.

import { importCdn } from 'rollup-plugin-import-cdn'; export default { input: 'src/index.js', output: { file: 'dist/bundle.js', format: 'esm' }, plugins: [ importCdn({ versions: { lodash: '4.17.21', }, priority: [ (pkg) => `https://esm.sh/${pkg}`, 'skypack', ], }), ], };

Debug

Known issues

gotchaDefault CDN (Skypack) may not support all packages or package versions; custom CDN chains should be configured for production.

fix

Set `priority` option to include multiple CDN resolvers as shown in quickstart.

affects: all

gotchaVersion pinning is case-sensitive; package names must match exactly as used in npm.

fix

Use exact npm package names (e.g., 'lodash-es' not 'lodash').

affects: all

Errors

Common errors & fixes

Error: Cannot find module 'rollup-plugin-import-cdn'

Package was installed as devDependency but not added to Dependencies, or not installed at all.

fix

npm install rollup-plugin-import-cdn --save-dev

SyntaxError: Unexpected token 'export' (importCdn is not a function)

Using CommonJS require() instead of ESM import.

fix

Use `import { importCdn } from 'rollup-plugin-import-cdn'` in an ESM context (set `"type": "module"` in package.json).

TypeError: importCdn is not a function

Default import was used (e.g., import importCdn from ...) but the package only exports a named function.

fix

Use named import: `import { importCdn } from 'rollup-plugin-import-cdn'`.

Upgrade

Version history

0.3.0latest on npm

Audit

Dependencies

rolluprequiredPeer dependency: plugin operates within Rollup build pipeline

Agent activity

2 hits · last 30 days

node

Resources

githubhttps://github.com/SferaDev/SferaDev ↗

packagerollup-plugin-import-cdn ↗

homepagehttps://github.com/SferaDev/SferaDev#readme ↗