误差的WebPack图像加载器
问题描述:
我的WebPack配置 -误差的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:\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
答
如果你有一个包含所有图像images
文件夹,那么你可以尝试加载图像作为每个代码如下所示:
test: /\.(jpe?g|png|gif|svg|woff2?|ttf|eot)$/i,
use: [
{ loader: "url-loader?name=/images/[name].[ext]" },
{ loader: "image-webpack-loader" }
]
它适合我!
在配置文件中设置路径时可能会出现一些问题。小心显示你的配置文件? – Ematipico