Fehler mit webpack Bild loader

Question

Meine webpack Konfiguration ist -

{ 
test: /\.(jpe?g|png|gif|svg|woff2?|ttf|eot)$/i, 
loaders: ['file-loader?hash=sha512&digest=hex&name=content/[hash].[ext]'] 
}, 

die folgende Fehlermeldung bekommen:

ERROR in ./~/css-loader!./~/postcss-loader!./~/sass- 
loader/lib/loader.js!./src/main/webapp/content/scss/vendor.scss 
Module not found: Error: Can't resolve './images/color.png' in 
'D:\Work\Personal\Projects\CashbackCalculator\src\main\webapp\content\scss' 
@ ./~/css-loader!./~/postcss-loader!./~/sass- 
loader/lib/loader.js!./src/main/webapp/content/scss/vendor.scss 6:284192- 
284221 
@ ./src/main/webapp/content/scss/vendor.scss 
@ ./src/main/webapp/app/vendor.ts 
@ dll vendor 

Answer 1

Wenn Sie images Ordner alle Bilder enthält, dann können Sie versuchen, Bilder zu laden, wie pro Code unten gezeigt:

test: /\.(jpe?g|png|gif|svg|woff2?|ttf|eot)$/i, 
use: [ 
     { loader: "url-loader?name=/images/[name].[ext]" }, 
     { loader: "image-webpack-loader" } 
    ] 

Es funktioniert für mich!