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')}' }}

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

1 个答案: