{"id":20247,"library":"oc-external-dependencies-handler","title":"oc-external-dependencies-handler","description":"OC (OpenComponents) external dependencies handler for webpack. Version 1.1.0 is current and stable. This package is a small utility within the OC ecosystem, designed to manage external dependencies in webpack configurations for OpenComponents. It has TypeScript definitions included. Release cadence is low, tied to OC base-templates updates. Differentiators: tightly coupled with OC's component model, not a general-purpose webpack plugin.","status":"active","version":"1.1.0","language":"javascript","source_language":"en","source_url":"https://github.com/opencomponents/base-templates","tags":["javascript","oc","opencomponents","typescript"],"install":[{"cmd":"npm install oc-external-dependencies-handler","lang":"bash","label":"npm"},{"cmd":"yarn add oc-external-dependencies-handler","lang":"bash","label":"yarn"},{"cmd":"pnpm add oc-external-dependencies-handler","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"peer dependency for handling webpack externals","package":"webpack","optional":true}],"imports":[{"note":"Package exports a default function. Named import does not work.","wrong":"import { handler } from 'oc-external-dependencies-handler'","symbol":"default","correct":"import handler from 'oc-external-dependencies-handler'"},{"note":"TypeScript type can be imported as type: import type { ExternalDependenciesHandler } from 'oc-external-dependencies-handler'","wrong":"import { ExternalDependenciesHandler } from 'oc-external-dependencies-handler'","symbol":"ExternalDependenciesHandler","correct":"import ExternalDependenciesHandler from 'oc-external-dependencies-handler'"},{"note":"CJS default export requires assignment to variable, not destructuring.","wrong":"const { handler } = require('oc-external-dependencies-handler')","symbol":"require","correct":"const handler = require('oc-external-dependencies-handler')"}],"quickstart":{"code":"import handler from 'oc-external-dependencies-handler';\n\nconst webpackConfig = {\n  externals: handler(['react', 'react-dom'])\n};\n\nexport default webpackConfig;","lang":"typescript","description":"Shows how to import and use the handler to set webpack externals for OC components."},"warnings":[{"fix":"Verify you have '@oc/core' and proper component structure.","message":"Package is part of OC ecosystem; ensure you are using it with OpenComponents.","severity":"gotcha","affected_versions":">=1.0.0"},{"fix":"Use `import handler from 'oc-external-dependencies-handler'`.","message":"Default export only; named exports do not exist.","severity":"gotcha","affected_versions":">=1.0.0"}],"env_vars":null,"last_verified":"2026-04-25T00:00:00.000Z","next_check":"2026-07-24T00:00:00.000Z","problems":[{"fix":"Use `const handler = require('oc-external-dependencies-handler')`.","cause":"Destructuring default export in CommonJS.","error":"TypeError: Cannot destructure property 'handler' of 'require(...)' as it is undefined."},{"fix":"Run `npm install oc-external-dependencies-handler`.","cause":"Package not installed or missing in dependencies.","error":"Module not found: Error: Can't resolve 'oc-external-dependencies-handler'"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}