bluefox1688 / vue-cli-multi-page

因时间精力有限,项目已不再维护,请慎重使用,vue2-cli-vux2-multe-page,使用了webpack2+vuejs2+vuxUI2的多页面脚手架
829 stars 239 forks source link

背景图片资源不打包 #62

Open pzZZZZ opened 6 years ago

pzZZZZ commented 6 years ago

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

pzZZZZ commented 6 years ago

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

zuishuanglin commented 6 years ago

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

EarlEcho commented 6 years ago

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

webliyang commented 6 years ago

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

webliyang commented 6 years ago

在build/utils.js中加上publicPath image