2

パグファイルには次の構成があります...

{
    test: /\.pug$/,
    loaders: ["pug-html"]
}

これはうまく機能し、url-loader を使用してロードする画像を追加したいと考えています。私の構造はこのようなものです

src
  ...
    thing
      thing.template.pug
      thing.png

そして、pngを含めたいので、追加するパグファイルに...

img(src="thing.png")

これは解決しないので、次のようなことを試しimg(src=require("thing.png"))ました。これらのどれも機能しません。このようにhtml-loaderを追加してみました...

 {
      test: /\.pug$/,
      loaders: ["html?interpolate=require&-minimize", "pug-html"]
 },

しかし、それから私は...

Module not found: Error: Cannot resolve directory './\"thing.png\"' in .../src/.../thing
 @ ./src/.../thing/thing.template.pug 1:128-164

これはすべて、私のスタイラスで正常に動作します...

    {
      test: /.*[^\.global]\.styl$/,
      loaders: ["to-string", "css", "stylus"]
    },

私も試しました...

img(src=statesmall.png)

そして得るCannot read property 'png' of undefined

また、そこにあるhtmlでその行をコメントアウトすると...

"Template parse errors:
Unexpected closing tag "div" ("module.exports = "<div><h1>Hey</h1><div class=\"terminal-output\">this thing</div>[ERROR ->]</div>";"): TerminalComponent@0:97"

パグで画像を要求するにはどうすればよいですか?

4

2 に答える 2