Как настроить webpack для визуализации встроенного кода?

#node.js #webpack #ecmascript-6 #html-webpack-plugin

Вопрос:

Я пытаюсь включить код в свой html-индекс и

 <% if (htmlWebpackPlugin.options.isProd) { %>
 

на самом деле это рендеринг в html, он не анализируется. Я использую https://github.com/wbkd/webpack-starter какие конфигурации я использую. Я знаю, что html-webpack-плагин есть. Есть идеи, что я делаю не так.

конфигурация веб-пакета выглядит следующим образом…

 new HtmlWebpackPlugin({
  template: Path.resolve(__dirname, '../src/index.html'),
  filename: 'index.html',
}),
 

Комментарии:

1. Этот синтаксис не предназначен для HTML, вы используете какой-либо механизм шаблонов?

2. Нет, я думал, что это часть html-webpack-плагина, ejs-html-загрузчика

3. Это конфигурация веб-пакета для механизма шаблонов ejs, она обычно используется с Node.js/Express.

4. спасибо за комментарий, есть ли способ использовать переменные в html при использовании… новый HtmlWebpackPlugin({ шаблон: Путь.разрешение(__имя файла, ‘../src/index.html’), имя файла: ‘index.html’, }),

5. Какой серверный фреймворк вы используете?