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(&#