webpack
Version:
Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jade, coffee, css, less, ... and your custom stuff.
148 lines (125 loc) • 3.77 kB
Markdown
# example.js
``` javascript
console.log(require("./cup1"));
```
# cup1.coffee
``` coffee-script
module.exports =
cool: "stuff"
answer: 42
external: require "./cup2.coffee"
again: require "./cup2"
```
# cup2.coffee
``` coffee-script
console.log "yeah coffee-script"
module.exports = 42
```
# js/output.js
``` javascript
/******/ (function(modules) { // webpackBootstrap
/******/
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "js/";
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/*!********************!*\
!*** ./example.js ***!
\********************/
/***/ function(module, exports, __webpack_require__) {
console.log(__webpack_require__(/*! ./cup1 */ 2));
/***/ },
/* 1 */
/*!*********************!*\
!*** ./cup2.coffee ***!
\*********************/
/***/ function(module, exports, __webpack_require__) {
console.log("yeah coffee-script");
module.exports = 42;
/***/ },
/* 2 */
/*!*********************!*\
!*** ./cup1.coffee ***!
\*********************/
/***/ function(module, exports, __webpack_require__) {
module.exports = {
cool: "stuff",
answer: 42,
external: __webpack_require__(/*! ./cup2.coffee */ 1),
again: __webpack_require__(/*! ./cup2 */ 1)
};
/***/ }
/******/ ])
```
# Info
## Uncompressed
```
Hash: c0e41294caebebf740e1
Version: webpack 1.1.0
Time: 136ms
Asset Size Chunks Chunk Names
output.js 2194 0 [emitted] main
chunk {0} output.js (main) 206 [rendered]
> main [0] ./example.js
[0] ./example.js 31 {0} [built]
[1] ./cup2.coffee 57 {0} [built]
cjs require ./cup2.coffee [2] ./cup1.coffee 4:12-36
cjs require ./cup2 [2] ./cup1.coffee 5:9-26
[2] ./cup1.coffee 118 {0} [built]
cjs require ./cup1 [0] ./example.js 1:12-29
```
## Minimized (uglify-js, no zip)
```
Hash: 5aad8c5ad018219d8bf0
Version: webpack 1.1.0
Time: 212ms
Asset Size Chunks Chunk Names
output.js 377 0 [emitted] main
chunk {0} output.js (main) 206 [rendered]
> main [0] ./example.js
[0] ./example.js 31 {0} [built]
[1] ./cup2.coffee 57 {0} [built]
cjs require ./cup2.coffee [2] ./cup1.coffee 4:12-36
cjs require ./cup2 [2] ./cup1.coffee 5:9-26
[2] ./cup1.coffee 118 {0} [built]
cjs require ./cup1 [0] ./example.js 1:12-29
```