A
вебпак хеш чанкам проставлять умеет без плагинов
Size: a a a
2020 February 24
Ж
ЭЭ КТО АТКОЙ ДЛЛ ПЛАГИН
ИГ
какой такой dll плагин
A
фигасе, что-то интересное завезли, надо покурить
ИГ
та ему миллиард лет
ИГ
может просто не особо популярная штука
ИГ
угуу
A
ёшкин кот
2020 February 25
NN
Ребят подскажите плз с лаяутом
в вебпак конфиге так сделал
plugins: [
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery',
}),
new MiniCssExtractPlugin({
filename: '[name].css',
chunkFilename: '[id].css'
}),
...glob.sync('./src/*.html')
.map(htmlFile => {
return new HtmlWebpackPlugin({
filename: path.basename(htmlFile),
template: htmlFile,
layout: path.join(__dirname, 'layout.html'),
});
})
],
перед этим установил плагин
https://github.com/tmtget/html-webpack-layout-plugin
в вебпак конфиге так сделал
plugins: [
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery',
}),
new MiniCssExtractPlugin({
filename: '[name].css',
chunkFilename: '[id].css'
}),
...glob.sync('./src/*.html')
.map(htmlFile => {
return new HtmlWebpackPlugin({
filename: path.basename(htmlFile),
template: htmlFile,
layout: path.join(__dirname, 'layout.html'),
});
})
],
перед этим установил плагин
https://github.com/tmtget/html-webpack-layout-plugin
NN
САМ ЛАЯУТ
<!DOCTYPE html>
<html lang="ru">
<head>
<meta content="telephone=no" , name="format-detection"/>
<meta name="keywords"/>
<meta name="description"/>
<meta name="HandheldFriendly" , content="true"/>
<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
<title>XDDDD</title>
</head>
<body>
<header>
ХЕЖР
</header>
<main>
{{content}}
</main>
<footer>
</footer>
</body>
</html>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta content="telephone=no" , name="format-detection"/>
<meta name="keywords"/>
<meta name="description"/>
<meta name="HandheldFriendly" , content="true"/>
<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
<title>XDDDD</title>
</head>
<body>
<header>
ХЕЖР
</header>
<main>
{{content}}
</main>
<footer>
</footer>
</body>
</html>
NN
в общем в index.html пишу так
<content>
<p>privet</p>
</content>
срабатывает, но хедер не отображается в разметке как и футер.
Лаяут лежит в папке src рядом с index
<content>
<p>privet</p>
</content>
срабатывает, но хедер не отображается в разметке как и футер.
Лаяут лежит в папке src рядом с index
NN
Подскажите плз что не так.
E
Ребят подскажите плз с лаяутом
в вебпак конфиге так сделал
plugins: [
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery',
}),
new MiniCssExtractPlugin({
filename: '[name].css',
chunkFilename: '[id].css'
}),
...glob.sync('./src/*.html')
.map(htmlFile => {
return new HtmlWebpackPlugin({
filename: path.basename(htmlFile),
template: htmlFile,
layout: path.join(__dirname, 'layout.html'),
});
})
],
перед этим установил плагин
https://github.com/tmtget/html-webpack-layout-plugin
в вебпак конфиге так сделал
plugins: [
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery',
}),
new MiniCssExtractPlugin({
filename: '[name].css',
chunkFilename: '[id].css'
}),
...glob.sync('./src/*.html')
.map(htmlFile => {
return new HtmlWebpackPlugin({
filename: path.basename(htmlFile),
template: htmlFile,
layout: path.join(__dirname, 'layout.html'),
});
})
],
перед этим установил плагин
https://github.com/tmtget/html-webpack-layout-plugin
а почему ты HtmlLayoutPlugin не вызываешь? в документации ведь пример выглядит вот так
а где у тебя new HtmlLayoutPlugin()?
plugins: [
new HtmlWebpackPlugin({
layout: path.join(__dirname, 'layout.html')
}),
new HtmlLayoutPlugin()
]
а где у тебя new HtmlLayoutPlugin()?
NN
Eugene
а почему ты HtmlLayoutPlugin не вызываешь? в документации ведь пример выглядит вот так
а где у тебя new HtmlLayoutPlugin()?
plugins: [
new HtmlWebpackPlugin({
layout: path.join(__dirname, 'layout.html')
}),
new HtmlLayoutPlugin()
]
а где у тебя new HtmlLayoutPlugin()?
я чет, не соображу где
E
я чет, не соображу где
ты в первом сообщении прислал кусок кода
.map(htmlFile => {
return new HtmlWebpackPlugin({
filename: path.basename(htmlFile),
template: htmlFile,
layout: path.join(__dirname, 'layout.html'),
});
})E
HtmlWebpackPlugin ты вернул, а не нужен?