# @dynamicprogrammingsolutions/controller-manager > ## Description Latest version **0.0.1** (published 2018-09-27) · ISC license · 0 weekly downloads ## Install ```sh npm install @dynamicprogrammingsolutions/controller-manager pnpm add @dynamicprogrammingsolutions/controller-manager yarn add @dynamicprogrammingsolutions/controller-manager bun add @dynamicprogrammingsolutions/controller-manager ``` ## Health **Score 15/100 (F)** — status: abandoned. Positive: no vulnerabilities. Warnings: low downloads; no types; no esm support; pre 1.0. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 0.0.1 | | Published | 2018-09-27 | | First published | 2018-09-27 | | Weekly downloads | 0 | | License | ISC | | TypeScript types | none | | Module format | CommonJS | | Dependencies | 0 | | Unpacked size | 4 KB | | Known vulnerabilities | 0 | | Install scripts | no | | Maintainers | ferenci84 | ## Links - npm: https://www.npmjs.com/package/@dynamicprogrammingsolutions/controller-manager - npm.io page: https://npm.io/package/@dynamicprogrammingsolutions/controller-manager ## Recent versions - 0.0.1 (latest) — 2018-09-27 ## README # Controller Manager ## Description With this package you can dynamically load controllers using webpack. ## Installation npm install @dps/controller-manager --save ## Usage Follwing is the simplest usage In `./main.js`: import resolver from './controllers/resolver.js'; import controllerManager from '@dps/controller-manager' controllerManager.register(resolver); controllerManager.load(document); In `./controllers/resolver.js`: export default (name) => { /* you may apply regex and other sophisticated filters to decide whether you can handle this request */ if (name === 'mycontrller') { return import('./' + mycontroller'); /* note: you have to hardcode the prefix for webpack to be able to detect which files may be loaded dynamically. You may also add magic comments. More info: https://webpack.js.org/guides/code-splitting/#dynamic-imports */ } /* If you return null or undefined it will go to the next resolver */ } In `./controllers/mycontroller.js`: export default (el) => { el.innerText = 'Hello World'; } In `index.html`:

--- _Source: https://npm.io/package/@dynamicprogrammingsolutions/controller-manager · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._