bluefox1688/vue-cli-multi-page

背景图片资源不打包

pzZZZZ opened this issue · 5 comments

不是img内的图片都不会自动打包么?

解决了
note: { backgroundImage: "url(" + require("./assets/headimg.png") + ")" }
这样引入就可以正常解析路径

你这个图片是放在页面的asstes目录下的吗?但是我在css和style中使用背景图,打包后图片路径不对,求教!!!
刚才在页面中试了一下你的方法,是可行的,但是还又的问题是在css中require是不可能行的,那这个问题怎么解决呢,难道要全部放在页面上去吗

@pzZZZZ 大神求教,这个怎么解决的,倒腾半天了。

@EarlEcho
template的div中 :style="bgcstyle"
data中 bgcstyle:{}
mounted 函数中 this.bgcstyle = {'background-image': "url(" + require("./assets/bg.png") + ")"}

在build/utils.js中加上publicPath
image