Jhipster4，Angular2：如何在html中包含靜態圖像

您可以幫助我在html模板中包含靜態圖像。Jhipster4，Angular2：如何在html中包含靜態圖像

我生成的項目使用jhipster發生器（選定的角度2）和現在正在嘗試使用包括在組件的HTML模板靜態圖象（例如，用於NavbarComponent成navbar.component.html）。我插入標籤圖像分成navbar.component.html

<img src="url" />

我的圖像被放置到web應用程序/內容/圖像/ staticimage.jpg（此文件夾containts徽標hipster.png也）。我必須在img標籤中放置哪些網址才能看到我的圖片？

P.S.生成的項目的初始結構沒有改變。

來源

2017-05-04 Vladimir Topolev

您使用的是哪個版本？有一個解決這個：https://github.com/jhipster/generator-jhipster/issues/5333 –

是的，你的假設是正確的。我的項目是由generator-jhispster with 4.0.8生成的，其中webpack沒有爲我的情況正確設置。非常感謝你。 –

這個問題涉及到發電機jhispter（版本4.0.8是我的情況），其中沒有設置的WebPack配置正確的版本得到的圖像。

發電機升降機（它是4.3.0）升級後，問題已經消失。當我明白這個問題，如果你還處於webpack.common.js下一條規則改變可能會被固定

{ 
    test: /\.html$/, 
    loader: 'raw-loader', 
    exclude: ['./src/main/webapp/index.html'] 
},

生成的項目的新版本，給我帶來了下：

{ 
    test: /\.html$/, 
    loader: 'html-loader', 
    options: { 
     minimize: true, 
     caseSensitive: true, 
     removeAttributeQuotes:false, 
     minifyJS:false, 
     minifyCSS:false 
    }, 
    exclude: ['./src/main/webapp/index.html'] 
},

，你也有檢查我們的devDependencies of package.json中是否有'html-loader'。

而現在標籤<img src="../../../content/images/staticimage.jpg">正常工作。

來源

2017-05-06 07:02:39

您可以從

<img src="../../content/images/staticimage.jpg" />

來源

2017-05-05 14:36:31 xYan

Jhipster4，Angular2：如何在html中包含靜態圖像

回答

相關問題