m
{
test: /\.ejs$/,
use: [
{
loader: 'ejs-webpack-loader',
options: {
data: { title: 'foo', id: 'foo' },
htmlmin: true,
},
},
],
},
Size: a a a
m
{
test: /\.ejs$/,
use: [
{
loader: 'ejs-webpack-loader',
options: {
data: { title: 'foo', id: 'foo' },
htmlmin: true,
},
},
],
},
A
<body>то ejs не понимает синтаксис и билд падает
<div id="<%= id %>"></div>
</body>
KA
{
test: /\.ejs$/,
use: [
{
loader: 'ejs-webpack-loader',
options: {
data: { title: 'foo', id: 'foo' },
htmlmin: true,
},
},
],
},
<%= htmlWebpackPlugin.options. .... %>
A
{
test: /\.ejs$/,
use: [
{
loader: 'ejs-webpack-loader',
options: {
data: { title: 'foo', id: 'foo' },
htmlmin: true,
},
},
],
},
m
m
KA
A
new HtmlWebPackPlugin({
template: './src/index.ejs',
filename: 'index.html',
favicon: './public/favicon.png',
templateParameters: {
id: "мой айди"
}
}),
KA
m
new HtmlWebPackPlugin({
template: './src/index.ejs',
filename: 'index.html',
favicon: './public/favicon.png',
templateParameters: {
id: "мой айди"
}
}),
<!DOCTYPE html>?
<html>
<head>
<meta charset="utf-8" http-equiv="X-UA-Compatible" content="IE=edge" />
<title><%= htmlWebpackPlugin.options.title%></title>
</head>
<body>
<div id="<%= htmlWebpackPlugin.options.id%>"></div>
</body>
</html>
A
A
A
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" http-equiv="X-UA-Compatible" content="IE=edge" />
<title><%= htmlWebpackPlugin.options.title%></title>
</head>
<body>
<div id="<%= id %>"></div>
</body>
</html>
m
AM
loadStyle('someStyle')и если в куках установлено
theme: dark
, то подгрузится someStyle.dark.less
, иначе someStyle.less
A
loadStyle('someStyle')и если в куках установлено
theme: dark
, то подгрузится someStyle.dark.less
, иначе someStyle.less
Л