Как заменить переменные на HtmlWebpackPlugin и Webpack?

Я пытаюсь заменить название и номер версии в своем HTML. Я могу заставить переменные заменить. Конечный результат по-прежнему включает имена переменных.Как заменить переменные на HtmlWebpackPlugin и Webpack?

Мой WebPack конфигурации содержит:

const HtmlWebpackPluginConfig = { 
    template: path.join(__dirname, '/client/index.html'), 
    inject: 'body', 
    commitHash: 'hello', 
    filename: '/index.html', 
    title: 'My App' 
};

и мой index.html является:

<!DOCTYPE html> 
<html> 
    <head> 
    <title>{%= htmlWebpackPlugin.options.title %}</title> 
    <meta charset="UTF-8"/> 
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 
    <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"> 
    <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"> 
    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" /> 
    <link rel="manifest" href="/manifest.json"> 
    <meta name="version" content="{%= htmlWebpackPlugin.options.commitHash %}"> 

    </head> 
    <body> 
    <div id="react-view" ></div> 
    </body> 
</html>

Конечный результат в значительной степени то же самое, что и файл index.html (с среагировать элементом заполненного в).

Что я делаю неправильно? Как получить переменные, которые нужно заменить?

источник

2016-12-12 brendangibson

Проблема была в том, что я использовал фигурные скобки вместо угловых скобок.

я написал

<title><%= htmlWebpackPlugin.options.title %></title>

источник

2016-12-12 18:57:31 brendangibson

Как заменить переменные на HtmlWebpackPlugin и Webpack?

ответ

Смежные вопросы