webpack/examples
Tobias Koppers fa57ed946c extend persistent-caching example with bigger module concatenation 2019-12-16 21:12:37 +01:00
..
aggressive-merging update examples 2019-11-15 00:06:30 +01:00
asset-advanced move data url condition to parser 2019-11-26 15:43:58 +01:00
asset-simple move data url condition to parser 2019-11-26 15:43:58 +01:00
chunkhash update example build process 2019-11-19 14:30:38 +01:00
cjs-tree-shaking Refactor how exportsType work 2019-12-06 11:13:08 +01:00
code-splitted-require.context update example build process 2019-11-19 14:30:38 +01:00
code-splitted-require.context-amd update example build process 2019-11-19 14:30:38 +01:00
code-splitting update example build process 2019-11-19 14:30:38 +01:00
code-splitting-bundle-loader update example build process 2019-11-19 14:30:38 +01:00
code-splitting-harmony update example build process 2019-11-19 14:30:38 +01:00
code-splitting-native-import-context update example build process 2019-11-19 14:30:38 +01:00
code-splitting-native-import-context-filter update example build process 2019-11-19 14:30:38 +01:00
code-splitting-specify-chunk-name update example build process 2019-11-19 14:30:38 +01:00
coffee-script update example build process 2019-11-19 14:30:38 +01:00
common-chunk-and-vendor-chunk update example build process 2019-11-19 14:30:38 +01:00
common-chunk-grandchildren update example build process 2019-11-19 14:30:38 +01:00
commonjs update example build process 2019-11-19 14:30:38 +01:00
custom-json-modules update example header 2019-11-30 21:56:20 +01:00
dll update example build process 2019-11-19 14:30:38 +01:00
dll-app-and-vendor update example build process 2019-11-19 14:30:38 +01:00
dll-entry-only update example build process 2019-11-19 14:30:38 +01:00
dll-user update example build process 2019-11-19 14:30:38 +01:00
explicit-vendor-chunk update example build process 2019-11-19 14:30:38 +01:00
externals update example build process 2019-11-19 14:30:38 +01:00
extra-async-chunk update example build process 2019-11-19 14:30:38 +01:00
extra-async-chunk-advanced update example build process 2019-11-19 14:30:38 +01:00
harmony update example build process 2019-11-19 14:30:38 +01:00
harmony-interop update example build process 2019-11-19 14:30:38 +01:00
harmony-library update example build process 2019-11-19 14:30:38 +01:00
harmony-unused update example build process 2019-11-19 14:30:38 +01:00
http2-aggressive-splitting update example build process 2019-11-19 14:30:38 +01:00
hybrid-routing update example build process 2019-11-19 14:30:38 +01:00
loader update example build process 2019-11-19 14:30:38 +01:00
many-pages update example build process 2019-11-19 14:30:38 +01:00
mixed update example build process 2019-11-19 14:30:38 +01:00
module update example build process 2019-11-19 14:30:38 +01:00
multi-compiler update example build process 2019-11-19 14:30:38 +01:00
multi-part-library update example build process 2019-11-19 14:30:38 +01:00
multiple-entry-points update example build process 2019-11-19 14:30:38 +01:00
named-chunks update example build process 2019-11-19 14:30:38 +01:00
node_modules added dll example with module 2015-10-13 16:19:11 +02:00
persistent-caching extend persistent-caching example with bigger module concatenation 2019-12-16 21:12:37 +01:00
require.context update example build process 2019-11-19 14:30:38 +01:00
require.resolve update example build process 2019-11-19 14:30:38 +01:00
scope-hoisting update example build process 2019-11-19 14:30:38 +01:00
side-effects update example build process 2019-11-19 14:30:38 +01:00
source-map update example build process 2019-11-19 14:30:38 +01:00
top-level-await update example build process 2019-11-19 14:30:38 +01:00
two-explicit-vendor-chunks update example build process 2019-11-19 14:30:38 +01:00
typescript update example build process 2019-11-19 14:30:38 +01:00
wasm-complex update example build process 2019-11-19 14:30:38 +01:00
wasm-simple update example build process 2019-11-19 14:30:38 +01:00
README.md Merge tag 'v4.39.2' into next 2019-08-13 21:47:00 +02:00
build-common.js update example build process 2019-11-19 14:30:38 +01:00
buildAll.js Refactor chunk graph 2018-01-19 19:21:30 +01:00
examples.js Refactor example scripts and test to allow nested folders 2017-07-27 13:24:56 +02:00
template-common.js cut off data urls in examples 2019-11-26 15:43:18 +01:00

README.md

Examples

Table of Contents

  1. Aggressive Merging
  2. Chunk
  3. Code Splitted
  4. Code Splitting
  5. Coffee Script
  6. CommonJS
  7. DLL
  8. Externals
  9. Harmony
  10. HTTP2 Aggressive Splitting
  11. Hybrid Routing
  12. i18n
  13. Loader
  14. Mixed
  15. Multi Compiler
  16. Multi Part Library
  17. Multiple Entry Points
  18. Require Context
  19. Require Resolve
  20. Scope Hoisting
  21. Side Effects
  22. Source Map
  23. Web Worker
  24. Requests
  25. Building an Example

Aggressive Merging

aggressive-merging

Chunk

chunkhash

common-chunk-and-vendor-chunk

explicit-vendor-chunk

extra-async-chunk-advanced

extra-async-chunk

code-splitting-specify-chunk-name

named-chunks example demonstrating merging of chunks with named chunks

two-explicit-vendor-chunks

Code Splitted

code-splitted-css-bundle

code-splitted-require.context-amd example demonstrating contexts in a code-split environment with AMD.

code-splitted-require.context example demonstrating contexts in a code-split environment.

Code Splitting

code-splitting example demonstrating a very simple case of Code Splitting.

code-splitting-bundle-loader example demonstrating Code Splitting through the builder loader

code-splitting-harmony

code-splitting-native-import-context

code-splitting-specify-chunk-name

Coffee Script

coffee-script example demonstrating code written in coffee-script.

CommonJS

commonjs example demonstrating a very simple program

DLL

dll

dll-user

Externals

externals

Harmony

harmony

code-splitting-harmony

harmony-interop

harmony-library

harmony-unused

HTTP2 Aggressive Splitting

http2-aggressive-splitting

Hybrid Routing

hybrid-routing

i18n

i18n example demonstrating localization.

Loader

loader example demonstrating the usage of loaders.

Mixed

mixed example demonstrating mixing CommonJs and AMD

Multi Compiler

multi-compiler

Multi Part Library

multi-part-library

Multiple Entry Points

multiple-entry-points example demonstrating multiple entry points with Code Splitting.

Require Context

require.context example demonstrating automatic creation of contexts when using variables in require.

Require Resolve

require.resolve example demonstrating how to cache clearing of modules with require.resolve and require.cache.

Scope Hoisting

scope-hoisting

Side Effects

side-effects

TypeScript

TypeScript

Source Map

source-map

Web Worker

web-worker example demonstrating creating WebWorkers with webpack and the worker-loader.

Requests

If you think an example is missing, please report it as issue. :)

Building an Example

  1. Run yarn in the root of the project.
  2. Run yarn setup in the root of the project.
  3. Run yarn add --dev webpack-cli in the root of the project.
  4. Run node build.js in the specific example directory. (Ex: cd examples/commonjs && node build.js)

Note: To build all examples run npm run build:examples