Загрузчик, который добавляет необходимый HTML в основной HTML-файл - PullRequest
Новая
       46

Загрузчик, который добавляет необходимый HTML в основной HTML-файл

0 голосов
/ 05 октября 2019

Есть ли какой-либо загрузчик, который, если вам потребуется какой-либо html-файл , то этот загрузчик каким-то образом добавит этот html-файл в указанное место в основном html -файле, созданном HtmlWebpackPlugin? Что-то вроде:

subhtml_1.html 

<div class="content1">This is content1</div>

subhtml_2.html 

<div class="content2">This is content2</div>

index. html, сгенерированный HtmlWebpackPlugin 

<html>
    <head></head>
    <body>
        <div id="group"></div>
    </body>
</html>

index.js точка входа для веб-пакета 

require("./subhtml_1.html?appendTo=#group");
require("./subhtml_2.html?appendTo=#group");

окончательный HTML-продукт через веб-пакет 

<html>
    <head></head>
    <body>
        <div id="group">
            <div class="content1">This is content1</div>
            <div class="content2">This is content2</div>
        </div>
    </body>
</html>

Я бы хотел, чтобы мои компоненты, являющиеся классами es6, которые поддерживают файл subhtml, но этот файл subhtml не может быть добавлен динамически с помощью js, файл subhtml должен оставаться в папке компонентов (например, index.html,index.js, index.scss - как единое целое) Так что шаблоны / партиалы, я думаю, не являются решением для меня.

...