webpack 图像加载器出错

Question

我的 webpack 配置是 -

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

收到以下错误：

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:WorkPersonalProjectsCashbackCalculatorsrcmainwebappcontentscss'
@ ./~/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

如果您有images包含所有图像的文件夹，则可以尝试按照如下所示的代码加载图像：

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

它对我有用！