Is there a way to include partial using html-webpack-plugin?

html webpack frontend
serge1peshcoff picture serge1peshcoff · Feb 12, 2017 · Viewed 21.5k times · Source

I am using Webpack to compile my scripts and HTML (using html-webpack-plugin). The thing is, I have 5 HTML files that contains the same parts and I want to move these parts to separate .html files and then include these parts in every HTML file. This way, if I will change these smaller HTML files, it will recompile every HTML file to represent these changes.

Webpack does this for .js files by default, but can I use something like that for HTML files?

Answer

display name picture display name · Feb 13, 2017

You can use <%= require('html!./partial.html') %> in your template. Example here: https://github.com/jantimon/html-webpack-plugin/blob/master/examples/custom-template/template.html

Related questions

How to set favicon.ico properly on vue.js webpack project?

I have created a vue webpack project using vue-cli. vue init webpack myproject And then ran the project under dev mode: npm run dev I got this error: Failed to load resource: the server responded with a status of 404 (Not …

Read More
How to import CSS files into webpack?

According to the documentation, CSS file should just be imported. I am just starting with webpack and tried to import a CSS file but I get a message about a module missing: D:\Dropbox\dev\jekyll\blog>webpack --display-error-details …

Read More
Calling webpacked code from outside (HTML script tag)

Suppose that I have class like this (written in typescript) and I bundle it with webpack into bundle.js. export class EntryPoint { static run() { ... } } In my index.html I will include the bundle, but then I would also like to …

Read More