vue-cli打包后背景图片位置丢失

Question

使用官方的脚手架搭建的项目，本地开发一切OK，但是build之后，好几个地方背景图片路径都不对。请问各位大神是如何解决的？

全局样式在main.js里引入的css样式其中一条：

.icon{ background-image:url(../.././images/icong-v1.png);}

Answer 1

原因是webpack配置中，官方的脚手架配置图片太大设置了忽略

Answer 2

main.js 里引入样式？是用 import 的吗？

建议在 app.vue 里用<style src="xxx.css"></style>试试。

Answer 3

http://cnodejs.org/topic/5750...

Answer 4

这个问题我遇到过，我当时是vue文件中写了多个style标签，然后我删除了一个，只剩下一个style标签，背景图就出来了，还有一种可能是你背景图片太大了，是不是你webpack打包的过程中将图片过滤掉了，用ps将图片压缩一下试试。