An in-browser module loader configured to get external dependencies directly from CDN. Includes babel/typescript. For quick prototyping, code sharing, teaching/learning - a super simple web dev environment without node/webpack/etc.
Angular, React, Vue, Bootstrap, Handlebars, jQuery are included. Plus all packages from cdnjs.com and all of NPM (via unpkg.com). Most front-end libraries should work out of the box - just use
require(). If a popular library does not load, tell us and we'll try to solve it with some library-specific config.
Use latest language features or JSX and the code will be transpiled in-browser via babel or typescript (if required). To make it fast the transpiler will start in a worker thread and only process the modified code. Unless you change many files at once or open the project for the first time, the transpiling should be barely noticeable as it runs in parallel with loading and initializing the UI framework.
ATTENTION! This is all good for dev environment only. Before going to production, you still need to setup webpack/rollup/eslint/karma/whatever and run a proper build. It is not a good idea to transpile your code in-browser in production (unless it is only required for a small number of older browsers - but we are not there yet :-).
There is nothing to install, just include a link to
getlibs script on CDN -
Organize your code as separate modules and call
System.import() to load the app.
<script type="x-module">...</script> to put everything into
var compile =template =data =render = ;documentinnerHTML = ;
;;const msg = 'Hello World!';ReactDOM;
You will get cross origin errors if you open the examples in chrome directly from the filesystem. To allow file access in chrome lauch it with
--allow-file-access-from-files flag (more info).
getlibs is based on SystemJS module loader. Instead of typical setup where it looks for external packages in
getlibs is configured to load libraries directly from NPM (via unpkg.com) or cdnjs.com, if available.
getlibs is a bundle of SystemJS with a custom config - maintained by ActiveWidgets.