When webpack develops multi-page applications, how to extract the common templates and write only the different parts of the pages?

I"ve used ejs , and then I searched for articles about how to extract public components.

what I want to do is in index.ejs , the template goes like this:

<html>
    <head>...</head>
    <body>
        <% include header %>
        xxxx
        <% include footer %>        
    </body>
</html>

then suppose I have a.html and b.html pages, and then want to configure webpack , I can only write in the a.html and b.html pages that need to be inserted into the xxxx location of index.ejs .

Ejs webpack

Mar.28,2021

https://codeshelper.com/a/11.

Previous: Can touch all-in-one machine use chrome browser to operate web project?

Next: Vue new A function reports an error

How does the template engine work with require.js?
such as doT.js , how can I use it with require.js ? And webpack ? Introduced directly in html ? Must the module defined by require.js have a return , for example, I just do alert (2) in main.js require ([ math ]) , is it necessary to wr...

Template-engine requirejs webpack

Mar.02,2021
When webpack packages the file, it adds the configured path prefix to the script path that introduces the absolute path external file, and reports an error in the packaging process. How to solve this problem?
the front-end public template adopts the ejs template referencing external files directly within the template <script async src="https: www.googletagmanager.com gtag js"< script> content form of error report: Warning: ENOENT: no ...

Javascript ejs webpack

Jul.22,2021
In webpack dev mode, how to introduce the script tag of js into index.html
We are now using the vue+webpack framework, and then there is a requirement that we need to dynamically load the component module returned by the server, this module includes js json vue less and other format files, so I thought of using requirejs, to p...

Requirejs webpack javascript

Dec.15,2021