我應該「需要」一個靜態圖像

我開始配置webpack，我不知道處理靜態圖像的正確方法，我看到了多種方法。我應該「需要」一個靜態圖像

我可以創建靜態文件的目錄，然後將靜態文件與複製的WebPack-插件複製。我的目錄結構看起來像這樣：

src/modules/login/components/loginPage.html 
static/images/logo-login.png

使用需要

我可以依靠HTML裝載機我的圖片URL轉換爲需要聲明，在我的代碼旁邊包含我的圖像。我的目錄結構將最終爲：

src/modules/login/components/loginPage.html 
src/modules/login/components/logo-login.png

是否有正確的方法？在兩者之間有沒有優點&（從功能上講，它們的行爲會不同，因爲需求方法會嵌入圖像）？還是僅僅是個人偏好？

2016-09-22 Pace

請勿使用copy-webpack-plugin。 Webpack旨在爲您提供對圖像等靜態資產依賴關係的實際管理。它使用源代碼中的require（）來實現這一點。進一步閱讀：http://blog.andrewray.me/webpack-when-to-use-and-why/ –

您應該嘗試通過require聲明引用所有資產。這將與Webpack的模塊加載相結合，您將能夠配置資產在最終作爲JS模塊通過模塊加載器公開之前的轉換方式。例如，您可能希望使用原始圖像進行開發，但爲I/O優化它們併爲不同的媒體創建集合。

copy-webpack-plugin允許您直接從上下文向構建輸出中添加文件，而不將它們視爲依賴關係圖中的模塊。這對於可以由服務器直接提供的文檔有效，例如robots.txt，各種設備的證明，某些其他進程生成的本地內容等。

您需要同時使用兩個文件，但copy-webpack-plugin有特定用途。

2016-09-22 22:31:52

回答