关于webpack 中 url-loader 引入图片的大坑
首先声明的是这个问题折磨了我整整三天,最后查到一个大佬的资料后给解决了,问题就是版本原因,在webpack5之前的版本是这么写的:
{ test: /\.(jpg|png|gif|bmp|jpeg)$/, use: "url-loader?limit=70000&name=[hash:8]-[name].[ext]" },
就用上面的办法怎么试都没有图片,后来才发现我下载的webpack版本是5.72.0,我照着资料写了一遍webpack5版本的写法:
*
查看版本 webpack -v
{
test: /\.(png|jpg|gif|jpeg)$/,
type: 'javascript/auto',
use: [
{
loader: 'url-loader',
options: {
limit: 10240,
esModule: false,
name: 'assets/[name].[ext]'
}
}
],
exclude: /node_modules/
}
用了上面的方法后图片一下子给蹦出来了!