webpack

Webpack is a module bundler whose main purpose is to bundle JavaScript files for usage in a browser, while also being able to transform, bundle, or package nearly any resource or asset. It can be installed with npm or yarn. Out of the box it supports ES2015+, CommonJS, and AMD modules (even combined). Dependencies are resolved during compilation, and the tool can create a single bundle or multiple chunks loaded asynchronously at runtime. Loaders enable preprocessing of files (for example TypeScript to JavaScript, templates, CSS preprocessors, or images), and a highly modular plugin system extends functionality. The project lists loaders for transpiling, templating, styling, and frameworks (Babel, TypeScript, CoffeeScript, Pug, Markdown, PostHTML, Handlebars, LESS, Sass, Stylus, PostCSS, Vue, Polymer, Angular 2, Riot, Svelte). Webpack also supports code splitting to reduce initial loading time and performs optimizations such as deduplication, minification, and content hashing for cache-friendly chunks. Webpack uses async I/O and has multiple caching levels, making it fast on incremental compilations. Browser support is for ES5-compliant browsers; older browsers may need polyfills for Promise-based features such as import() and require.ensure().