没有合适的资源？快使用搜索试试~ 我知道了~

首页webpack配置打包后图片路径出错的解决

webpack配置打包后图片路径出错的解决

webpack

打包路径

webpack

图片打包路径

6 下载量 90 浏览量更新于2023-03-16 收藏 121KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

试读

2页

本篇文章主要介绍了webpack配置打包后图片路径出错的解决，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

资源详情

资源推荐

webpack配置打包后图片路径出错的解决配置打包后图片路径出错的解决

本篇文章主要介绍了webpack配置打包后图片路径出错的解决，小编觉得挺不错的，现在分享给大家，也给大

家做个参考。一起跟随小编过来看看吧

问题问题

项目在开发环境下工作正常，当打包后图片不见了，检查元素后发现路径出错了。

图片路径是这样：background: url(/static/img/bg_camera_tip.bd37151.png)，但该路径下文件并不存在。

打包后文件目录如下：

可以看到背景图片的路径应该是../../static而实际却是/static，找到原因后就好解决了

方法一方法一

查看build目录下webpack.base.conf.js的配置，图片文件会经过url-loader处理。

module: {

rules: [

...

{

test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,

loader: 'url-loader',

options: {

limit: 10000,

name: utils.assetsPath('img/[name].[hash:7].[ext]')

}

...

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

weixin_38697940

粉丝: 7
资源: 920

上传资源快速赚钱

我的内容管理收起

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

会员权益专享

webpack配置打包后图片路径出错的解决

vue webpack打包后图片路径错误的完美解决方法

webpack打包后直接访问页面图片路径错误的解决方法

浅谈 Webpack 如何处理图片(开发、打包、优化)

webpack 打包css背景图片路径处理

webpack 改变打包后的文件存放路径

webpack相对路径打包

webpack的打包流程

vue webpack 打包路径

webpack配置本地代理

webpack打包配置文件

Webpack的打包流程

使用terser-webpack-plugin打包出错

webpack 打包 page没打包进去

webpack build打包

webpack打包图片压缩

前端配置webpack打包

vue webpack的打包

webpack怎样打包js

讲一下webpack的打包流程

webpack配置@路径

会员权益专享

最新资源