opensourcemirror
/
webpack
mirror of https://github.com/webpack/webpack.git
1
0
Fork 0
Code Issues Releases Wiki Activity
webpack/examples/dll-app-and-vendor/1-app/README.md

237 lines
8.1 KiB
Markdown
Raw Normal View History

add dll-app-and-vendor example by @aretecode
2017-07-27 13:52:38 +02:00
This is the app part.
The previously built vendor dll is used. The DllReferencePlugin reads the content of the dll from the manifest file and excludes all vendor modules from the compilation. Instead references to these modules will be loaded from the vendor dll via a global variable (`vendor_lib_xxxx`).
# webpack.config.js
chore(examples): regenerate README.md
2019-04-08 20:29:40 +02:00
```javascript
add dll-app-and-vendor example by @aretecode
2017-07-27 13:52:38 +02:00
var path = require("path");
var webpack = require("../../../");
module.exports = {
Update examples
2017-12-14 10:58:03 +01:00
// mode: "development" || "production",
add dll-app-and-vendor example by @aretecode
2017-07-27 13:52:38 +02:00
context: __dirname,
entry: "./example-app",
output: {
filename: "app.js",
Update examples
2018-04-04 15:17:13 +02:00
path: path.resolve(__dirname, "dist")
add dll-app-and-vendor example by @aretecode
2017-07-27 13:52:38 +02:00
},
plugins: [
new webpack.DllReferencePlugin({
context: ".",
Update examples
2018-04-04 15:17:13 +02:00
manifest: require("../0-vendor/dist/vendor-manifest.json") // eslint-disable-line
})
]
add dll-app-and-vendor example by @aretecode
2017-07-27 13:52:38 +02:00
};
```
# example-app.js
chore(examples): regenerate README.md
2019-04-08 20:29:40 +02:00
```javascript
add dll-app-and-vendor example by @aretecode
2017-07-27 13:52:38 +02:00
import { square } from "example-vendor";
console.log(square(7));
console.log(new square(7));
```
# example.html
chore(examples): regenerate README.md
2019-04-08 20:29:40 +02:00
```html
add dll-app-and-vendor example by @aretecode
2017-07-27 13:52:38 +02:00
<html>
<head></head>
<body>
Fix DLL example
2017-12-21 10:45:45 +01:00
<script src="../0-vendor/js/vendor.js" charset="utf-8"></script>
<script src="js/app.js" charset="utf-8"></script>
add dll-app-and-vendor example by @aretecode
2017-07-27 13:52:38 +02:00
</body>
</html>
```
change output from examples for js/ to dist/
2018-01-04 21:39:29 +01:00
# dist/app.js
add dll-app-and-vendor example by @aretecode
2017-07-27 13:52:38 +02:00
<details><summary><code>/******/ (function(modules) { /* webpackBootstrap */ })</code></summary>
chore(examples): regenerate README.md
2019-04-08 20:29:40 +02:00
```javascript
add dll-app-and-vendor example by @aretecode
2017-07-27 13:52:38 +02:00
/******/ (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] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = 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;
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
update examples
2018-09-25 17:08:35 +02:00
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
add dll-app-and-vendor example by @aretecode
2017-07-27 13:52:38 +02:00
/******/ }
/******/ };
/******/
update examples
2017-11-24 08:40:39 +01:00
/******/ // define __esModule on exports
/******/ __webpack_require__.r = function(exports) {
update examples
2018-09-25 17:08:35 +02:00
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
update examples
2017-11-24 08:40:39 +01:00
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/
update examples
2018-09-25 17:08:35 +02:00
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
/******/ // mode & 4: return value when already ns object
/******/ // mode & 8|1: behave like require
/******/ __webpack_require__.t = function(value, mode) {
/******/ if(mode & 1) value = __webpack_require__(value);
/******/ if(mode & 8) return value;
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ var ns = Object.create(null);
/******/ __webpack_require__.r(ns);
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ return ns;
/******/ };
/******/
add dll-app-and-vendor example by @aretecode
2017-07-27 13:52:38 +02:00
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
change output from examples for js/ to dist/
2018-01-04 21:39:29 +01:00
/******/ __webpack_require__.p = "dist/";
add dll-app-and-vendor example by @aretecode
2017-07-27 13:52:38 +02:00
/******/
Refactor chunk graph Chunks are now always in ChunkGroups ChunkGroups have parents and children, Chunks no longer have this AsyncDependenciesBlocks point to a ChunkGroup instead of a list of chunks Entrypoint is now a ChunkGroup (extends from it) move stuff graph modification methods into GraphHelpers Change chunk id recording to source-based Chunks have parents, siblings and children in Stats rename AutomaticCommonsChunksPlugin to SplitChunksPlugin add request property to origin (ChunkGroup) remove moveToParent from AggressiveMergingPlugin fix issues with AggressiveSplittingPlugin remove CommonsChunkPlugin add optimization.runtimeChunk (RuntimeChunkPlugin) fix a filename bug for initial chunks remove extract-text-webpack-plugin from test suite add DebugHash to help debugging hash issues fix issues with entry modules in different chunk as runtime redo optimization.splitChunks options Compilation.entrypoints is now a Map Compilation.chunkGroups has been added remove some unittests update examples update tests with CommonsChunkPlugin
2018-01-19 17:06:59 +01:00
/******/
add dll-app-and-vendor example by @aretecode
2017-07-27 13:52:38 +02:00
/******/ // Load entry module and return exports
Update examples
2017-12-14 10:58:03 +01:00
/******/ return __webpack_require__(__webpack_require__.s = 0);
add dll-app-and-vendor example by @aretecode
2017-07-27 13:52:38 +02:00
/******/ })
/************************************************************************/
```
</details>
chore(examples): regenerate README.md
2019-04-08 20:29:40 +02:00
```javascript
add dll-app-and-vendor example by @aretecode
2017-07-27 13:52:38 +02:00
/******/ ([
/* 0 */
/*!************************!*\
!*** ./example-app.js ***!
\************************/
Update examples
2017-11-23 09:47:19 +01:00
/*! no exports provided */
add dll-app-and-vendor example by @aretecode
2017-07-27 13:52:38 +02:00
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
update examples
2017-11-24 08:40:39 +01:00
__webpack_require__.r(__webpack_exports__);
update examples
2018-01-03 11:03:20 +01:00
/* harmony import */ var example_vendor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! example-vendor */ 1);
add dll-app-and-vendor example by @aretecode
2017-07-27 13:52:38 +02:00
Update examples
2017-11-23 09:47:19 +01:00
console.log(Object(example_vendor__WEBPACK_IMPORTED_MODULE_0__["square"])(7));
console.log(new example_vendor__WEBPACK_IMPORTED_MODULE_0__["square"](7));
add dll-app-and-vendor example by @aretecode
2017-07-27 13:52:38 +02:00
Update examples
2017-12-14 10:58:03 +01:00
/***/ }),
/* 1 */
/*!******************************************************************************************************!*\
chore(examples): update README of examples
2019-04-03 22:48:54 +02:00
!*** delegated ../node_modules/example-vendor.js from dll-reference vendor_lib_a132d30959ef28c3f004 ***!
Update examples
2017-12-14 10:58:03 +01:00
\******************************************************************************************************/
/*! exports provided: square */
/***/ (function(module, exports, __webpack_require__) {
chore(examples): update README of examples
2019-04-03 22:48:54 +02:00
module.exports = (__webpack_require__(/*! dll-reference vendor_lib_a132d30959ef28c3f004 */ 2))(1);
Update examples
2017-12-14 10:58:03 +01:00
add dll-app-and-vendor example by @aretecode
2017-07-27 13:52:38 +02:00
/***/ }),
/* 2 */
/*!**************************************************!*\
chore(examples): update README of examples
2019-04-03 22:48:54 +02:00
!*** external "vendor_lib_a132d30959ef28c3f004" ***!
add dll-app-and-vendor example by @aretecode
2017-07-27 13:52:38 +02:00
\**************************************************/
/*! no static exports found */
/***/ (function(module, exports) {
chore(examples): update README of examples
2019-04-03 22:48:54 +02:00
module.exports = vendor_lib_a132d30959ef28c3f004;
add dll-app-and-vendor example by @aretecode
2017-07-27 13:52:38 +02:00
/***/ })
/******/ ]);
```
# Info
Update examples
2017-12-14 10:58:03 +01:00
## Unoptimized
add dll-app-and-vendor example by @aretecode
2017-07-27 13:52:38 +02:00
```
Update examples
2017-12-14 10:58:03 +01:00
Hash: 0a1b2c3d4e5f6a7b8c9d
chore(examples): update README of examples
2019-04-03 22:48:54 +02:00
Version: webpack 4.29.6
update examples
2018-09-25 17:08:35 +02:00
Asset Size Chunks Chunk Names
app.js 4.86 KiB 0 [emitted] main
add dll-app-and-vendor example by @aretecode
2017-07-27 13:52:38 +02:00
Entrypoint main = app.js
update examples
2018-09-25 17:08:35 +02:00
chunk {0} app.js (main) 178 bytes [entry] [rendered]
Refactor chunk graph Chunks are now always in ChunkGroups ChunkGroups have parents and children, Chunks no longer have this AsyncDependenciesBlocks point to a ChunkGroup instead of a list of chunks Entrypoint is now a ChunkGroup (extends from it) move stuff graph modification methods into GraphHelpers Change chunk id recording to source-based Chunks have parents, siblings and children in Stats rename AutomaticCommonsChunksPlugin to SplitChunksPlugin add request property to origin (ChunkGroup) remove moveToParent from AggressiveMergingPlugin fix issues with AggressiveSplittingPlugin remove CommonsChunkPlugin add optimization.runtimeChunk (RuntimeChunkPlugin) fix a filename bug for initial chunks remove extract-text-webpack-plugin from test suite add DebugHash to help debugging hash issues fix issues with entry modules in different chunk as runtime redo optimization.splitChunks options Compilation.entrypoints is now a Map Compilation.chunkGroups has been added remove some unittests update examples update tests with CommonsChunkPlugin
2018-01-19 17:06:59 +01:00
> ./example-app main
update examples
2018-09-25 17:08:35 +02:00
[0] ./example-app.js 94 bytes {0} [built]
updated examples
2018-05-07 12:36:38 +02:00
[no exports]
single entry ./example-app main
chore(examples): update README of examples
2019-04-03 22:48:54 +02:00
[1] delegated ../node_modules/example-vendor.js from dll-reference vendor_lib_a132d30959ef28c3f004 42 bytes {0} [built]
updated examples
2018-05-07 12:36:38 +02:00
[exports: square]
harmony side effect evaluation example-vendor [0] ./example-app.js 1:0-40
harmony import specifier example-vendor [0] ./example-app.js 3:12-18
harmony import specifier example-vendor [0] ./example-app.js 4:16-22
chore(examples): update README of examples
2019-04-03 22:48:54 +02:00
[2] external "vendor_lib_a132d30959ef28c3f004" 42 bytes {0} [built]
delegated source dll-reference vendor_lib_a132d30959ef28c3f004 [1] delegated ../node_modules/example-vendor.js from dll-reference vendor_lib_a132d30959ef28c3f004
add dll-app-and-vendor example by @aretecode
2017-07-27 13:52:38 +02:00
```
Update examples
2017-12-14 10:58:03 +01:00
## Production mode
add dll-app-and-vendor example by @aretecode
2017-07-27 13:52:38 +02:00
```
Update examples
2017-12-14 10:58:03 +01:00
Hash: 0a1b2c3d4e5f6a7b8c9d
chore(examples): update README of examples
2019-04-03 22:48:54 +02:00
Version: webpack 4.29.6
update examples
2018-09-25 17:08:35 +02:00
Asset Size Chunks Chunk Names
app.js 1.09 KiB 0 [emitted] main
add dll-app-and-vendor example by @aretecode
2017-07-27 13:52:38 +02:00
Entrypoint main = app.js
update examples
2018-09-25 17:08:35 +02:00
chunk {0} app.js (main) 178 bytes [entry] [rendered]
Refactor chunk graph Chunks are now always in ChunkGroups ChunkGroups have parents and children, Chunks no longer have this AsyncDependenciesBlocks point to a ChunkGroup instead of a list of chunks Entrypoint is now a ChunkGroup (extends from it) move stuff graph modification methods into GraphHelpers Change chunk id recording to source-based Chunks have parents, siblings and children in Stats rename AutomaticCommonsChunksPlugin to SplitChunksPlugin add request property to origin (ChunkGroup) remove moveToParent from AggressiveMergingPlugin fix issues with AggressiveSplittingPlugin remove CommonsChunkPlugin add optimization.runtimeChunk (RuntimeChunkPlugin) fix a filename bug for initial chunks remove extract-text-webpack-plugin from test suite add DebugHash to help debugging hash issues fix issues with entry modules in different chunk as runtime redo optimization.splitChunks options Compilation.entrypoints is now a Map Compilation.chunkGroups has been added remove some unittests update examples update tests with CommonsChunkPlugin
2018-01-19 17:06:59 +01:00
> ./example-app main
chore(examples): update README of examples
2019-04-03 22:48:54 +02:00
[0] delegated ../node_modules/example-vendor.js from dll-reference vendor_lib_a132d30959ef28c3f004 42 bytes {0} [built]
updated examples
2018-05-07 12:36:38 +02:00
[exports: square]
update examples
2018-09-25 17:08:35 +02:00
harmony side effect evaluation example-vendor [1] ./example-app.js 1:0-40
harmony import specifier example-vendor [1] ./example-app.js 3:12-18
harmony import specifier example-vendor [1] ./example-app.js 4:16-22
[1] ./example-app.js 94 bytes {0} [built]
updated examples
2018-05-07 12:36:38 +02:00
[no exports]
single entry ./example-app main
chore(examples): update README of examples
2019-04-03 22:48:54 +02:00
[2] external "vendor_lib_a132d30959ef28c3f004" 42 bytes {0} [built]
delegated source dll-reference vendor_lib_a132d30959ef28c3f004 [0] delegated ../node_modules/example-vendor.js from dll-reference vendor_lib_a132d30959ef28c3f004
add dll-app-and-vendor example by @aretecode
2017-07-27 13:52:38 +02:00
```
<!-- @TODO:
- [ ] examples/dll-mode-and-context
- [ ] examples/dll-multiple
- [ ] examples/dll-dependencies
-->