Внедрение содержимого HTML в другой файл с помощью Webpack - PullRequest
Новая
       13

Внедрение содержимого HTML в другой файл с помощью Webpack

0 голосов
/ 03 мая 2018

Я хотел бы добавить HTML-код из одного файла в другой во время объединения Webpack.

Допустим, у меня есть файл index.html, например: 

//index.html
<html>
    <head></head>
    <body>
        <p>Hello World</p>
    </body>
</html>

и еще один файл с кучей иконок: 

//another.html
<symbol id="a" ...>...</symbol>
<symbol id="b" ...>...</symbol>
<symbol id="c" ...>...</symbol>

тогда я бы хотел, чтобы мой файл "index.html" выглядел так после запуска веб-пакета: 

//index.html in bundle
<html>
    <head></head>
    <body>
        <symbol id="a" ...>...</symbol>
        <symbol id="b" ...>...</symbol>
        <symbol id="c" ...>...</symbol>
        <p>Hello World</p>
    </body>
</html>

По сути, я просто хочу, чтобы все, что находится в файлах, было включено в тело моего index.html. Я осмотрел всю экосистему веб-пакетов, но не могу найти ничего, что делает то, что я хочу.

Конфигурация веб-пакета, которую я сейчас имею, использует html-webpack-plugin: 

{
    ....
    plugins: [
        new HtmlWebpackPlugin({
            template: "index.html",
            inject: true,
        })
    ],
}

Указанные файлы взяты из одной из моих зависимостей, поэтому я не могу вносить туда какие-либо изменения или вручную копировать содержимое, но я знаю путь к папке, в которой они содержатся, поэтому я надеялся, что смогу используйте загрузчик / плагин, чтобы справиться с этим для меня.

Вопрос: есть ли загрузчик / плагин webpack, который делает это?

...