我使用 Webpack 4 和 ejs-loader 生成我的 .html ,这样我就可以包含ejs文件(包含html)并分开我的代码。
问题是我想在我的ejs代码中包含平衡,并且 ejs-loader不支持url-loader (或文件加载器)在目标位置生成图像路径。
这是我的webpack规则(我有 html-loader ,因为我认为html-loader是在ejs-loader之后应用的,像这样的img balize生成我的图像,但这不起作用):
{
test: /\.ejs$/,
loader: 'ejs-loader'
},
{
test: /\.(png|svg|jpg|gif)$/,
use: {
loader: 'url-loader',
options: {
limit: 8000, // Convert images < 8kb to base64 strings
name: devMode ? 'images/[name].[ext]' : 'images/[hash]-[name].[ext]'
}
}
},
{
test: /\.(html)$/,
use: {
loader: 'html-loader',
options: {
attrs: [':data-src']
}
}
}
请提供任何建议,我在互联网上找不到相同的案例。
感谢所有人
答案 0 :(得分:0)
我制作了一个api
(php)来返回图像,就像我可以使用api来获取<img>
一样。