{"id":41892,"library":"rollup-plugin-import-cdn","title":"rollup-plugin-import-cdn","description":"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.","status":"active","version":"0.3.0","language":"javascript","source_language":"en","source_url":"https://github.com/SferaDev/SferaDev","tags":["javascript","rollup","plugin","cdn","esm","import","skypack","tree-shaking","typescript"],"install":[{"cmd":"npm install rollup-plugin-import-cdn","lang":"bash","label":"npm"},{"cmd":"yarn add rollup-plugin-import-cdn","lang":"bash","label":"yarn"},{"cmd":"pnpm add rollup-plugin-import-cdn","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Peer dependency: plugin operates within Rollup build pipeline","package":"rollup","optional":false}],"imports":[{"note":"ESM-only package; CommonJS require will fail. Default export is not available.","wrong":"const importCdn = require('rollup-plugin-import-cdn')","symbol":"importCdn","correct":"import { importCdn } from 'rollup-plugin-import-cdn'"},{"note":"TypeScript users should use type import to avoid runtime errors; this is a type-only export.","wrong":"import { ImportCdnOptions } from 'rollup-plugin-import-cdn'","symbol":"ImportCdnOptions","correct":"import type { ImportCdnOptions } from 'rollup-plugin-import-cdn'"},{"note":"Package only exports named function `importCdn`. Default import will be undefined.","wrong":"import importCdn from 'rollup-plugin-import-cdn'","symbol":"default import (non-existent)","correct":"import { importCdn } from 'rollup-plugin-import-cdn'"}],"quickstart":{"code":"import { importCdn } from 'rollup-plugin-import-cdn';\n\nexport default {\n  input: 'src/index.js',\n  output: { file: 'dist/bundle.js', format: 'esm' },\n  plugins: [\n    importCdn({\n      versions: {\n        lodash: '4.17.21',\n      },\n      priority: [\n        (pkg) => `https://esm.sh/${pkg}`,\n        'skypack',\n      ],\n    }),\n  ],\n};","lang":"javascript","description":"Configures Rollup to resolve bare imports via esm.sh with Skypack fallback, pinning lodash to version 4.17.21."},"warnings":[{"fix":"Set `priority` option to include multiple CDN resolvers as shown in quickstart.","message":"Default CDN (Skypack) may not support all packages or package versions; custom CDN chains should be configured for production.","severity":"gotcha","affected_versions":"all"},{"fix":"Use exact npm package names (e.g., 'lodash-es' not 'lodash').","message":"Version pinning is case-sensitive; package names must match exactly as used in npm.","severity":"gotcha","affected_versions":"all"}],"env_vars":null,"search_vec":"'0.3.0':29 '3':32 '4':34 'bare':10 'build':59 'bundl':19 'cdn':5,14,48,51,63 'chain':53 'differenti':41 'enabl':20 'esm':26,64 'esm.sh':17 'extern':25 'fallback':52 'full':42 'import':4,49,65 'javascript':60 'key':40 'modul':11 'multipl':50 'pin':56 'plugin':3,7,62 'reproduc':58 'resolv':9 'resourc':27 'rollup':2,6,31,61 'rollup-plugin-import-cdn':1 'shake':23,45,69 'ship':37 'skypack':16,66 'specifi':12 'support':30,46 'tree':22,44,68 'tree-shak':21,43,67 'type':39 'typescript':38,70 'url':15 'version':28,55 'x':33,35","created_at":"2026-06-04T18:54:36.741988+00:00","updated_at":"2026-06-04T18:54:36.741988+00:00","problems":[{"fix":"npm install rollup-plugin-import-cdn --save-dev","cause":"Package was installed as devDependency but not added to Dependencies, or not installed at all.","error":"Error: Cannot find module 'rollup-plugin-import-cdn'"},{"fix":"Use `import { importCdn } from 'rollup-plugin-import-cdn'` in an ESM context (set `\"type\": \"module\"` in package.json).","cause":"Using CommonJS require() instead of ESM import.","error":"SyntaxError: Unexpected token 'export' (importCdn is not a function)"},{"fix":"Use named import: `import { importCdn } from 'rollup-plugin-import-cdn'`.","cause":"Default import was used (e.g., import importCdn from ...) but the package only exports a named function.","error":"TypeError: importCdn is not a function"}],"ecosystem":"npm","meta_description":null,"install_score":null,"quickstart_score":null,"quickstart_tag":null,"pypi_latest":null,"cli_name":null,"cli_version":null,"type":"library","homepage":"https://github.com/SferaDev/SferaDev#readme","github":"https://github.com/SferaDev/SferaDev","docs":null,"changelog":null,"pypi":null,"npm":"rollup-plugin-import-cdn","openapi_spec":null,"status_page":null,"smithery":null,"categories":["devops"],"base_url":null,"auth_type":null,"provenance":{"verified_status":null,"verified_at":null,"last_verified":"2026-06-04","next_check":"2026-09-02","install_tag":null}}