В настоящее время я использую Webpack (v4), и у меня возникают проблемы с получением переменных и HTML-кода, должным образом введенного в HTML-документ.
Если я использую следующую конфигурацию:
//rules
rules: [
{
test: /\.html$/,
use: [{
loader: 'html-loader',
options: {
minimize: false
}
}
],
//...
plugins: [
new HtmlWebpackPlugin({
title: 'Foo',
template: path.resolve(__dirname, 'src/', 'index.html'),
filename: './index.html'//relative to root of the application,
})
]
, я получаю следующее:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title><%= htmlWebpackPlugin.options.title %></title>
</head>
<body>
<%= require('html-loader!./foo.html') %>
</body>
</html>
Похоже, мои переменные не вводятся в HTML.У меня также установлен html-загрузчик.В сборке моего веб-пакета не выдается никаких ошибок, кроме: "Entrypoint undefined = ./index.html"
Однако, когда я меняю загрузчики на underscore-template-loader, я получаю следующее:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Foo</title>
</head>
<body>
module.exports = function(obj) {
obj || (obj = {});
var __t, __p = '';
with (obj) {
__p += '<div>foo bar</div>';
}
return __p
};
</body>
</html>
В соответствии с примерами html-webpack-plugin для html-загрузчика, мои переменные / партиалы должны были быть включены во встроенный html-файл (без загрузчика подчеркивания).
Я не уверен, правильно ли настроен файл webpack-config (возможно, были применены дополнительные параметры / настройки?), Но я настроил мой почти идентично, и это не приводит к тому же output .
Итак, конечная цель: получить мой частичный HTML-код, введенный в index.html, а также мои переменные.
Заранее спасибо!