webpack/examples
Tobias Koppers 57dac0ea93 remove x-import-url handling 2021-08-05 16:52:13 +02:00
..
aggressive-merging upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
asset-advanced upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
asset-simple upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
build-http remove x-import-url handling 2021-08-05 16:52:13 +02:00
chunkhash upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
cjs-tree-shaking upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
code-splitted-require.context upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
code-splitted-require.context-amd upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
code-splitting upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
code-splitting-bundle-loader upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
code-splitting-depend-on-advanced upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
code-splitting-depend-on-simple upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
code-splitting-harmony upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
code-splitting-native-import-context upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
code-splitting-native-import-context-filter upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
code-splitting-specify-chunk-name upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
coffee-script upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
common-chunk-and-vendor-chunk upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
common-chunk-grandchildren upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
commonjs upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
custom-json-modules upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
dll rename master to main 2021-06-28 11:46:10 +02:00
dll-app-and-vendor upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
dll-entry-only rename master to main 2021-06-28 11:46:10 +02:00
dll-user rename master to main 2021-06-28 11:46:10 +02:00
explicit-vendor-chunk upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
externals upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
extra-async-chunk upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
extra-async-chunk-advanced upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
harmony upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
harmony-interop upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
harmony-library upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
harmony-unused upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
http2-aggressive-splitting upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
hybrid-routing upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
lazy-compilation add lazy compilation for entrypoints 2021-01-22 01:01:17 +01:00
loader upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
many-pages upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
mixed upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
module add very basic library type "module" 2021-02-09 21:28:18 +01:00
module-code-splitting improve module support for WebWorkers 2021-06-28 12:30:25 +02:00
module-federation upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
module-library add `module` library support, test and example 2021-06-23 14:49:14 +02:00
module-worker improve module support for WebWorkers 2021-06-28 12:30:25 +02:00
multi-compiler upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
multi-part-library rename master to main 2021-06-28 11:46:10 +02:00
multiple-entry-points upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
named-chunks upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
node_modules added dll example with module 2015-10-13 16:19:11 +02:00
persistent-caching upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
reexport-components upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
require.context upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
require.resolve upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
scope-hoisting upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
side-effects upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
source-map fix eval-source-map typo 2021-01-01 00:07:17 -06:00
top-level-await upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
two-explicit-vendor-chunks upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
typescript upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
wasm-complex upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
wasm-simple upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
worker improve module support for WebWorkers 2021-06-28 12:30:25 +02:00
README.md doc: add wasm examples to ToC 2021-06-18 11:24:37 +00:00
build-common.js upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
buildAll.js upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +01:00
examples.js Refactor example scripts and test to allow nested folders 2017-07-27 13:24:56 +02:00
template-common.js upgrade examples to webpack-cli major 4 2020-12-28 23:29:41 +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. Loader
  13. Mixed
  14. Multi Compiler
  15. Multi Part Library
  16. Multiple Entry Points
  17. Require Context
  18. Require Resolve
  19. Scope Hoisting
  20. Side Effects
  21. Source Map
  22. WebAssembly
  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

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

WebAssembly

wasm-simple example demonstrating simple import from a WebAssembly module wasm-complex example demonstrating top-level await and import of WebAssembly text format with wast-loader

Web Worker

web-worker example demonstrating creating WebWorkers with webpack.

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