webpack-dev-server加载图片问题

  • 在使用webpack调试的时候, 用img直接引用图片没有问题, 但是用css的background-image引用, 就会出现图片找不到的情况.

  • 注:css是在文件类型的.vue里面定义的

  • 代码

  • clipboard.png

  • 效果

  • clipboard.png

  • webpack配置文件

  • clipboard.png

  • 困扰已久, 感谢各位

阅读 6.2k
2 个回答

你的css文件跟html文件是部署在同一个域名下么?

你在chrome开发者工具的Network里应该能看到404的store-bg.png,看看那完整路径是不是正确的

路径改为相对路径试试,在css-loader中可以指定相对路径。按照你的配置应该改为:

 {
        test: /\.css$/,
        loader: ExtractTextPlugin.extract("style-loader", "css-loader!postcss-loader",{
            publicPath: '../'
        })
    }

注意:上面这种配置表名资源相对于css文件的路径

若已经解决望回复下,你的这个问题我也比较好奇

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题