webpack/examples
rhysd 81e47b6eaf Fix typos 2018-03-13 18:05:58 +09:00
..
aggressive-merging update examples 2018-02-17 14:14:14 +01:00
chunkhash Fix typos 2018-03-13 18:05:58 +09:00
code-splitted-css-bundle Merge branch 'master' into next 2018-02-13 10:18:53 +01:00
code-splitted-require.context update examples 2018-02-17 14:14:14 +01:00
code-splitted-require.context-amd update examples 2018-02-17 14:14:14 +01:00
code-splitting update examples 2018-02-17 14:14:14 +01:00
code-splitting-bundle-loader update examples 2018-02-17 14:14:14 +01:00
code-splitting-harmony update examples 2018-02-17 14:14:14 +01:00
code-splitting-native-import-context update examples 2018-02-17 14:14:14 +01:00
code-splitting-native-import-context-filter update examples 2018-02-17 14:14:14 +01:00
code-splitting-specify-chunk-name update examples 2018-02-17 14:14:14 +01:00
coffee-script run prettier on existing code 2018-02-25 02:00:20 +01:00
common-chunk-and-vendor-chunk Fix typos 2018-03-13 18:05:58 +09:00
common-chunk-grandchildren spelling: separate 2018-02-26 02:43:19 +00:00
commonjs update examples 2018-02-17 14:14:14 +01:00
dll update examples 2018-02-17 14:14:14 +01:00
dll-app-and-vendor spelling: separately 2018-02-26 02:43:09 +00:00
dll-user update examples 2018-02-17 14:14:14 +01:00
explicit-vendor-chunk run prettier on existing code 2018-02-25 02:00:20 +01:00
externals run prettier on existing code 2018-02-25 02:00:20 +01:00
extra-async-chunk spelling: practice 2018-02-26 02:39:48 +00:00
extra-async-chunk-advanced update examples 2018-02-17 14:14:14 +01:00
harmony update examples 2018-02-17 14:14:14 +01:00
harmony-interop spelling: equivalent 2018-02-26 02:28:07 +00:00
harmony-library update examples 2018-02-17 14:14:14 +01:00
harmony-unused update examples 2018-02-17 14:14:14 +01:00
http2-aggressive-splitting update examples 2018-02-17 14:14:14 +01:00
hybrid-routing Fix typos 2018-03-13 18:05:58 +09:00
i18n run prettier on existing code 2018-02-25 02:00:20 +01:00
loader run prettier on existing code 2018-02-25 02:00:20 +01:00
mixed update examples 2018-02-17 14:14:14 +01:00
multi-compiler run prettier on existing code 2018-02-25 02:00:20 +01:00
multi-part-library update examples 2018-02-17 14:14:14 +01:00
multiple-entry-points Fix typos 2018-03-13 18:05:58 +09:00
named-chunks update examples 2018-02-17 14:14:14 +01:00
node_modules added dll example with module 2015-10-13 16:19:11 +02:00
require.context update examples 2018-02-17 14:14:14 +01:00
require.resolve spelling: verify 2018-02-26 02:50:43 +00:00
scope-hoisting spelling: concatenation 2018-02-26 02:26:51 +00:00
side-effects update examples 2018-02-17 14:14:14 +01:00
source-map run prettier on existing code 2018-02-25 02:00:20 +01:00
two-explicit-vendor-chunks update examples 2018-02-17 14:14:14 +01:00
wasm-simple spelling: assembly 2018-02-26 02:25:03 +00:00
web-worker update examples 2018-02-17 14:14:14 +01:00
README.md Fix link to side-effects example 2017-11-29 11:52:09 -08:00
build-common.js replace Async with Neo-Async 2018-02-11 14:31:08 -08: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 hide buildAt in examples 2018-02-10 15:09:34 +01:00

README.md

Examples

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

move-to-parent

multiple-commons-chunks

multiple-entry-points-commons-chunk-css-bundle

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

Css Bundle

css-bundle

multiple-entry-points-commons-chunk-css-bundle

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

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 npm install in the root of the project.
  2. Run npm link webpack in the root of the project.
  3. 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