パグファイルには次の構成があります...
{
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"
パグで画像を要求するにはどうすればよいですか?