Skip to content

Commit a86f6fb

Browse files
docs: update examples (#22084)
Co-authored-by: alexander-akait <[email protected]>
1 parent e2988be commit a86f6fb

11 files changed

Lines changed: 274 additions & 266 deletions

File tree

‎examples/custom-javascript-parser/README.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -302,8 +302,8 @@ chunk (runtime: main) output.js (main) 457 bytes (javascript) 5.34 KiB (runtime)
302302
entry ./example.js main
303303
webpack X.X.X compiled successfully
304304
305-
asset output.js 11.4 KiB [emitted] (name: main)
306-
asset 655.output.js 761 bytes [emitted]
305+
asset output.js 11.4 KiB [compared for emit] (name: main)
306+
asset 655.output.js 761 bytes [compared for emit]
307307
chunk (runtime: main) 655.output.js 24 bytes [rendered]
308308
> ./async-loaded ./example.js 6:0-24
309309
./async-loaded.js 24 bytes [built] [code generated]

‎examples/html-csp/README.md‎

Lines changed: 9 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -158,9 +158,8 @@ console.log("bundled + inlined script, covered by a CSP hash");
158158
## Unoptimized
159159

160160
```
161-
asset index.js 2.64 KiB [emitted] (name: index)
162161
asset index.html 1.59 KiB [emitted] (auxiliary name: index)
163-
Entrypoint index 2.64 KiB (1.59 KiB) = index.js 1 auxiliary asset
162+
Entrypoint index (1.59 KiB) = 1 auxiliary asset
164163
Entrypoint __html_6d047296_1 =
165164
Entrypoint __html_6d047296_0 =
166165
chunk (runtime: __html_6d047296_0) (__html_6d047296_0) 55 bytes (css) 0 bytes (runtime) [entry] [rendered]
@@ -175,10 +174,10 @@ chunk (runtime: __html_6d047296_1) (__html_6d047296_1) 117 bytes [entry] [render
175174
./src/app.js 117 bytes [built] [code generated]
176175
[used exports unknown]
177176
entry ./app.js __html_6d047296_1
178-
chunk (runtime: index) index.js (index) 47 bytes (css-text) 559 bytes (javascript) 549 bytes (html) [entry] [rendered]
177+
chunk (runtime: index) (index) 47 bytes (css-text) 549 bytes (html) [entry]
179178
> ./src/index.html index
180179
dependent modules 47 bytes [dependent] 1 module
181-
./src/index.html 559 bytes (javascript) 549 bytes (html) [built] [code generated]
180+
./src/index.html 549 bytes [built] [code generated]
182181
[exports: default]
183182
[used exports unknown]
184183
entry ./src/index.html index
@@ -189,19 +188,18 @@ webpack X.X.X compiled successfully
189188

190189
```
191190
asset index.html 570 bytes [emitted] [minimized] (auxiliary name: index)
192-
asset index.js 428 bytes [emitted] [minimized] (name: index)
193-
asset __html_6d047296_0.css 40 bytes [emitted] [minimized] (name: __html_6d047296_0)
194-
Entrypoint index 428 bytes (570 bytes) = index.js 1 auxiliary asset
191+
asset index.css 40 bytes [emitted] [minimized] (name: __html_6d047296_0)
192+
Entrypoint index (570 bytes) = 1 auxiliary asset
195193
Entrypoint __html_6d047296_1 =
196-
Entrypoint __html_6d047296_0 40 bytes = __html_6d047296_0.css
197-
chunk (runtime: index) index.js (index) 47 bytes (css-text) 559 bytes (javascript) 549 bytes (html) [entry] [rendered]
194+
Entrypoint __html_6d047296_0 40 bytes = index.css
195+
chunk (runtime: index) (index) 47 bytes (css-text) 549 bytes (html) [entry]
198196
> ./src/index.html index
199197
dependent modules 47 bytes [dependent] 1 module
200-
./src/index.html 559 bytes (javascript) 549 bytes (html) [built] [code generated]
198+
./src/index.html 549 bytes [built] [code generated]
201199
[exports: default]
202200
[no exports used]
203201
entry ./src/index.html index
204-
chunk (runtime: __html_6d047296_0) __html_6d047296_0.css (__html_6d047296_0) 55 bytes (css) 0 bytes (runtime) [entry] [rendered]
202+
chunk (runtime: __html_6d047296_0) index.css (__html_6d047296_0) 55 bytes (css) 0 bytes (runtime) [entry] [rendered]
205203
> ./styles.css __html_6d047296_0
206204
runtime modules 0 bytes 1 module
207205
css ./src/styles.css 55 bytes [built] [code generated]

‎examples/html-module-nomodule/README.md‎

Lines changed: 15 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -143,7 +143,7 @@ The emitted page, with the modern `type="module"` entry tag plus the injected
143143
<h1>Differential serving</h1>
144144
<!-- Modern browsers load this as an ES module; the classic build is
145145
injected as a `<script nomodule>` fallback by the plugin below. -->
146-
<script type="module" src="__html_6d047296_0.modern.js"></script><script nomodule defer src="app.legacy.js"></script>
146+
<script type="module" src="page.modern.js"></script><script nomodule defer src="app.legacy.js"></script>
147147
</body>
148148
</html>
149149
```
@@ -154,17 +154,18 @@ The emitted page, with the modern `type="module"` entry tag plus the injected
154154
155155
```
156156
modern:
157-
asset page.modern.js 2.02 KiB [emitted] [javascript module] (name: page)
158-
asset index.html 759 bytes [emitted] (auxiliary name: page)
159-
asset __html_6d047296_0.modern.js 449 bytes [emitted] [javascript module] (name: __html_6d047296_0)
160-
chunk (runtime: __html_6d047296_0) __html_6d047296_0.modern.js (__html_6d047296_0) 300 bytes [entry] [rendered]
157+
asset index.html 746 bytes [emitted] (auxiliary name: page)
158+
asset page.modern.js 449 bytes [emitted] [javascript module] (name: __html_6d047296_0)
159+
Entrypoint page (746 bytes) = 1 auxiliary asset
160+
Entrypoint __html_6d047296_0 449 bytes = page.modern.js
161+
chunk (runtime: __html_6d047296_0) page.modern.js (__html_6d047296_0) 300 bytes [entry] [rendered]
161162
> ./app.js __html_6d047296_0
162163
./src/app.js 300 bytes [built] [code generated]
163164
[used exports unknown]
164165
entry ./app.js __html_6d047296_0
165-
chunk (runtime: page) page.modern.js (page) 369 bytes (javascript) 359 bytes (html) [entry] [rendered]
166+
chunk (runtime: page) (page) 359 bytes [entry]
166167
> ./src/index.html page
167-
./src/index.html 369 bytes (javascript) 359 bytes (html) [built] [code generated]
168+
./src/index.html 359 bytes [built] [code generated]
168169
[exports: default]
169170
[used exports unknown]
170171
entry ./src/index.html page
@@ -184,17 +185,18 @@ legacy:
184185

185186
```
186187
modern:
187-
asset index.html 598 bytes [emitted] [minimized] (auxiliary name: page)
188-
asset page.modern.js 399 bytes [emitted] [javascript module] [minimized] (name: page)
189-
asset __html_6d047296_0.modern.js 90 bytes [emitted] [javascript module] [minimized] (name: __html_6d047296_0)
190-
chunk (runtime: __html_6d047296_0) __html_6d047296_0.modern.js (__html_6d047296_0) 300 bytes [entry] [rendered]
188+
asset index.html 585 bytes [emitted] [minimized] (auxiliary name: page)
189+
asset page.modern.js 90 bytes [emitted] [javascript module] [minimized] (name: __html_6d047296_0)
190+
Entrypoint page (585 bytes) = 1 auxiliary asset
191+
Entrypoint __html_6d047296_0 90 bytes = page.modern.js
192+
chunk (runtime: __html_6d047296_0) page.modern.js (__html_6d047296_0) 300 bytes [entry] [rendered]
191193
> ./app.js __html_6d047296_0
192194
./src/app.js 300 bytes [built] [code generated]
193195
[no exports used]
194196
entry ./app.js __html_6d047296_0
195-
chunk (runtime: page) page.modern.js (page) 369 bytes (javascript) 359 bytes (html) [entry] [rendered]
197+
chunk (runtime: page) (page) 359 bytes [entry]
196198
> ./src/index.html page
197-
./src/index.html 369 bytes (javascript) 359 bytes (html) [built] [code generated]
199+
./src/index.html 359 bytes [built] [code generated]
198200
[exports: default]
199201
[no exports used]
200202
entry ./src/index.html page

‎examples/html-template/README.md‎

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -189,7 +189,7 @@ Custom Eta tags (`{{= }}`) and unescaped output, selected by the rule.
189189
<li>Chunks</li>
190190
<li>Dependencies</li>
191191
</ul>
192-
<script src="__html_6d047296_0.js"></script>
192+
<script src="index.js"></script>
193193
<footer>Built with webpack — 2025</footer>
194194
</body>
195195
</html>
@@ -215,29 +215,29 @@ Custom Eta tags (`{{= }}`) and unescaped output, selected by the rule.
215215
## Unoptimized
216216

217217
```
218-
assets by path *.js 4.57 KiB
219-
asset index.js 2.18 KiB [emitted] (name: index)
220-
asset special.js 1.95 KiB [emitted] (name: special)
221-
asset __html_6d047296_0.js 445 bytes [emitted] (name: __html_6d047296_0)
222-
assets by chunk 15 KiB (auxiliary name: index)
218+
assets by chunk 14.9 KiB (auxiliary name: index)
223219
asset 89a353e9c515885abd8e.png 14.6 KiB [emitted] [immutable] [from: src/logo.png] (auxiliary name: index)
224-
asset index.html 407 bytes [emitted] (auxiliary name: index)
220+
asset index.html 395 bytes [emitted] (auxiliary name: index)
221+
asset index.js 445 bytes [emitted] (name: __html_6d047296_0)
225222
asset special.html 218 bytes [emitted] (auxiliary name: special)
226-
chunk (runtime: __html_6d047296_0) __html_6d047296_0.js (__html_6d047296_0) 243 bytes [entry] [rendered]
223+
Entrypoint index (14.9 KiB) = 2 auxiliary assets
224+
Entrypoint special (218 bytes) = 1 auxiliary asset
225+
Entrypoint __html_6d047296_0 445 bytes = index.js
226+
chunk (runtime: __html_6d047296_0) index.js (__html_6d047296_0) 243 bytes [entry] [rendered]
227227
> ./app.js __html_6d047296_0
228228
./src/app.js 243 bytes [built] [code generated]
229229
[used exports unknown]
230230
entry ./app.js __html_6d047296_0
231-
chunk (runtime: index) index.js (index) 14.6 KiB (asset) 42 bytes (asset-url) 391 bytes (javascript) 381 bytes (html) [entry] [rendered]
231+
chunk (runtime: index) (index) 14.6 KiB (asset) 42 bytes (asset-url) 381 bytes (html) [entry]
232232
> ./src/index.html index
233233
dependent modules 14.6 KiB (asset) 42 bytes (asset-url) [dependent] 1 module
234-
./src/index.html 391 bytes (javascript) 381 bytes (html) [built] [code generated]
234+
./src/index.html 381 bytes [built] [code generated]
235235
[exports: default]
236236
[used exports unknown]
237237
entry ./src/index.html index
238-
chunk (runtime: special) special.js (special) 228 bytes (javascript) 218 bytes (html) [entry] [rendered]
238+
chunk (runtime: special) (special) 218 bytes [entry]
239239
> ./src/special.html special
240-
./src/special.html 228 bytes (javascript) 218 bytes (html) [built] [code generated]
240+
./src/special.html 218 bytes [built] [code generated]
241241
[exports: default]
242242
[used exports unknown]
243243
entry ./src/special.html special
@@ -247,29 +247,29 @@ webpack X.X.X compiled successfully
247247
## Production mode
248248

249249
```
250-
assets by path *.js 1.04 KiB
251-
asset index.js 616 bytes [emitted] [minimized] (name: index)
252-
asset special.js 399 bytes [emitted] [minimized] (name: special)
253-
asset __html_6d047296_0.js 46 bytes [emitted] [minimized] (name: __html_6d047296_0)
254250
assets by chunk 14.9 KiB (auxiliary name: index)
255251
asset 89a353e9c515885abd8e.png 14.6 KiB [emitted] [immutable] [from: src/logo.png] (auxiliary name: index)
256-
asset index.html 378 bytes [emitted] [minimized] (auxiliary name: index)
252+
asset index.html 366 bytes [emitted] [minimized] (auxiliary name: index)
257253
asset special.html 199 bytes [emitted] [minimized] (auxiliary name: special)
258-
chunk (runtime: index) index.js (index) 14.6 KiB (asset) 42 bytes (asset-url) 391 bytes (javascript) 381 bytes (html) [entry] [rendered]
254+
asset index.js 46 bytes [emitted] [minimized] (name: __html_6d047296_0)
255+
Entrypoint index (14.9 KiB) = 2 auxiliary assets
256+
Entrypoint special (199 bytes) = 1 auxiliary asset
257+
Entrypoint __html_6d047296_0 46 bytes = index.js
258+
chunk (runtime: index) (index) 14.6 KiB (asset) 42 bytes (asset-url) 381 bytes (html) [entry]
259259
> ./src/index.html index
260260
dependent modules 14.6 KiB (asset) 42 bytes (asset-url) [dependent] 1 module
261-
./src/index.html 391 bytes (javascript) 381 bytes (html) [built] [code generated]
261+
./src/index.html 381 bytes [built] [code generated]
262262
[exports: default]
263263
[no exports used]
264264
entry ./src/index.html index
265-
chunk (runtime: __html_6d047296_0) __html_6d047296_0.js (__html_6d047296_0) 243 bytes [entry] [rendered]
265+
chunk (runtime: __html_6d047296_0) index.js (__html_6d047296_0) 243 bytes [entry] [rendered]
266266
> ./app.js __html_6d047296_0
267267
./src/app.js 243 bytes [built] [code generated]
268268
[no exports used]
269269
entry ./app.js __html_6d047296_0
270-
chunk (runtime: special) special.js (special) 228 bytes (javascript) 218 bytes (html) [entry] [rendered]
270+
chunk (runtime: special) (special) 218 bytes [entry]
271271
> ./src/special.html special
272-
./src/special.html 228 bytes (javascript) 218 bytes (html) [built] [code generated]
272+
./src/special.html 218 bytes [built] [code generated]
273273
[exports: default]
274274
[no exports used]
275275
entry ./src/special.html special

‎examples/html-transform-tags/README.md‎

Lines changed: 22 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -133,14 +133,14 @@ the script moved to the end of `<body>` as `<script defer>`.
133133

134134

135135
<!-- External stylesheet: the plugin adds `crossorigin`. -->
136-
<link rel="stylesheet" href="__html_6d047296_0.css" crossorigin="anonymous">
136+
<link rel="stylesheet" href="index.css" crossorigin="anonymous">
137137

138138
<!-- Authored in <head>; the plugin moves it to the end of <body>
139139
(deferred) and adds `crossorigin`. -->
140140

141141
</head>
142142
<body>
143-
<h1>transformTags</h1><script src="__html_6d047296_1.js" crossorigin="anonymous" defer></script>
143+
<h1>transformTags</h1><script src="index.js" crossorigin="anonymous" defer></script>
144144
</body>
145145
</html>
146146
```
@@ -150,26 +150,27 @@ the script moved to the end of `<body>` as `<script defer>`.
150150
## Unoptimized
151151

152152
```
153-
assets by path *.js 2.56 KiB
154-
asset index.js 2.31 KiB [emitted] (name: index)
155-
asset __html_6d047296_1.js 255 bytes [emitted] (name: __html_6d047296_1)
156-
asset index.html 570 bytes [emitted] (auxiliary name: index)
157-
asset __html_6d047296_0.css 183 bytes [emitted] (name: __html_6d047296_0)
158-
chunk (runtime: __html_6d047296_0) __html_6d047296_0.css (__html_6d047296_0) 81 bytes (css) 0 bytes (runtime) [entry] [rendered]
153+
asset index.html 546 bytes [emitted] (auxiliary name: index)
154+
asset index.js 255 bytes [emitted] (name: __html_6d047296_1)
155+
asset index.css 183 bytes [emitted] (name: __html_6d047296_0)
156+
Entrypoint index (546 bytes) = 1 auxiliary asset
157+
Entrypoint __html_6d047296_1 255 bytes = index.js
158+
Entrypoint __html_6d047296_0 183 bytes = index.css
159+
chunk (runtime: __html_6d047296_0) index.css (__html_6d047296_0) 81 bytes (css) 0 bytes (runtime) [entry] [rendered]
159160
> ./styles.css __html_6d047296_0
160161
runtime modules 0 bytes 1 module
161162
css ./src/styles.css 81 bytes [built] [code generated]
162163
[no exports]
163164
[used exports unknown]
164165
entry ./styles.css __html_6d047296_0
165-
chunk (runtime: __html_6d047296_1) __html_6d047296_1.js (__html_6d047296_1) 53 bytes [entry] [rendered]
166+
chunk (runtime: __html_6d047296_1) index.js (__html_6d047296_1) 53 bytes [entry] [rendered]
166167
> ./app.js __html_6d047296_1
167168
./src/app.js 53 bytes [built] [code generated]
168169
[used exports unknown]
169170
entry ./app.js __html_6d047296_1
170-
chunk (runtime: index) index.js (index) 540 bytes (javascript) 530 bytes (html) [entry] [rendered]
171+
chunk (runtime: index) (index) 530 bytes [entry]
171172
> ./src/index.html index
172-
./src/index.html 540 bytes (javascript) 530 bytes (html) [built] [code generated]
173+
./src/index.html 530 bytes [built] [code generated]
173174
[exports: default]
174175
[used exports unknown]
175176
entry ./src/index.html index
@@ -179,25 +180,26 @@ webpack X.X.X compiled successfully
179180
## Production mode
180181

181182
```
182-
assets by path *.js 507 bytes
183-
asset index.js 455 bytes [emitted] [minimized] (name: index)
184-
asset __html_6d047296_1.js 52 bytes [emitted] [minimized] (name: __html_6d047296_1)
185-
asset index.html 289 bytes [emitted] [minimized] (auxiliary name: index)
186-
asset __html_6d047296_0.css 63 bytes [emitted] [minimized] (name: __html_6d047296_0)
187-
chunk (runtime: index) index.js (index) 540 bytes (javascript) 530 bytes (html) [entry] [rendered]
183+
asset index.html 265 bytes [emitted] [minimized] (auxiliary name: index)
184+
asset index.css 63 bytes [emitted] [minimized] (name: __html_6d047296_0)
185+
asset index.js 52 bytes [emitted] [minimized] (name: __html_6d047296_1)
186+
Entrypoint index (265 bytes) = 1 auxiliary asset
187+
Entrypoint __html_6d047296_1 52 bytes = index.js
188+
Entrypoint __html_6d047296_0 63 bytes = index.css
189+
chunk (runtime: index) (index) 530 bytes [entry]
188190
> ./src/index.html index
189-
./src/index.html 540 bytes (javascript) 530 bytes (html) [built] [code generated]
191+
./src/index.html 530 bytes [built] [code generated]
190192
[exports: default]
191193
[no exports used]
192194
entry ./src/index.html index
193-
chunk (runtime: __html_6d047296_0) __html_6d047296_0.css (__html_6d047296_0) 81 bytes (css) 0 bytes (runtime) [entry] [rendered]
195+
chunk (runtime: __html_6d047296_0) index.css (__html_6d047296_0) 81 bytes (css) 0 bytes (runtime) [entry] [rendered]
194196
> ./styles.css __html_6d047296_0
195197
runtime modules 0 bytes 1 module
196198
css ./src/styles.css 81 bytes [built] [code generated]
197199
[no exports]
198200
[no exports used]
199201
entry ./styles.css __html_6d047296_0
200-
chunk (runtime: __html_6d047296_1) __html_6d047296_1.js (__html_6d047296_1) 53 bytes [entry] [rendered]
202+
chunk (runtime: __html_6d047296_1) index.js (__html_6d047296_1) 53 bytes [entry] [rendered]
201203
> ./app.js __html_6d047296_1
202204
./src/app.js 53 bytes [built] [code generated]
203205
[no exports used]

0 commit comments

Comments
 (0)