vue-cli webpack css 图片路径

2018-03-05 15:17 热度: 134 我说呢

图片放在了assets文件夹下,img和background-image引用都用相对路径,build的时候设置assetsPublicPath: './',打包出来后发现background-image的路径出现了问题

解决方法 (the first)

1.先在data里面导入这张图片,例如:bg:require(‘./openIndexBG2.jpg’)

2.然后在template里面对需要background-image属性的DOM做个绑定,例如::style=“{backgroundImage: ‘url(‘ +bg + ‘)’}“

这个方法确实是可以解决图片路径的问题,不过有的时候是不能直接写style样式的就不生效了

解决方法 (the second)

在build的utils.js文件中添加一行:

webpack_build_utils

publicPath根据项目目录配置

查看评论 (0条)

添加评论