webpack handlbars-loader： inlineRequire 不适用于动态路径

Question

我有一个简单的部分

<span class="icon-dim_{{name}}">
<svg class="icon">
<use xlink:href="#{{name}}"></use>
</svg>
<noscript>
<img src="../../assets/{{name}}.png" alt="">
</noscript>
</span>

但是我收到了这个错误信息。

ERROR in ./hbs/partials/icon.hbs    
Module parse failed: Unterminated string constant (10:110)
You may need an appropriate loader to handle this file type.

如果我在部分中放入一条静态路径

<img src="../../assets/myIcon.png" alt="">

它是有效的。

我要做的是，我可以在手把文件中使用动态路径？

Answer 1

我在github得到了帮助😎

https://github.com/pcardune/handlebars-loader/issues/132

使用链式装载机

{
test: /.hbs$/,
use: [
{
loader: 'handlebars-loader'
},
{
loader: 'extract-loader'
},
{
loader: 'html-loader',
options: {
interpolate: true
}
}
]
}

然后要求资产作为参数

{{> ./partials/partial asset='${require('./assets/1.jpg')}' }}