This example demonstrates the experimental HTML modules support (experiments.html) in two ways:

• HTML entry point (./src/index.html): emitted as a standalone dist/index.html. Its <link rel="stylesheet">, inline <style>, <script src>, inline <script>, and are all bundled, and the references are rewritten to the emitted assets.
• HTML imported from JavaScript: the page's <script src="./app.js"> imports ./src/fragment.html. An HTML module imported from JS exports its URL-rewritten HTML as a string and is not emitted as a standalone file. There is no JavaScript entry point — the script is reached through the HTML.

webpack.config.js

_{{webpack.config.js}}_

src/index.html

_{{src/index.html}}_

src/app.js

_{{src/app.js}}_

src/fragment.html

_{{src/fragment.html}}_

src/styles.css

_{{src/styles.css}}_

dist/index.html

The HTML entry point, emitted as a standalone file with every reference rewritten to the bundled asset.

_{{dist/index.html}}_

Info

Unoptimized

_{{stdout}}_

Production mode

_{{production:stdout}}_