一个vue项目中有一张图片,在css中background-image中使用,大小超过了url-loader大小限制。 npm run dev的时候一切正常。 npm run build之后图片被直接放在dist/static/img文件夹下,但是打包后的css却在dist/static/css/static/img路径下找该图片,如果我把url-loader大小限制改成超过图片
在vue-cli生成的工程中,如果在vue中使用background image style的话。图片的url路径必须在前面加上~@,这样在生成后,才能正确显示,否则会提示找不到图片文件。这是为什么?~应该是src路径的意思,@是什么意思呢?为什么加上~@就可以告诉load,将图片拷贝到static中去呢? export default { data () { return { img:...
一开始图片图片放在了assets文件夹下,img和background-image引用都用相对路径,build的时候设置assetsPublicPath: ‘./‘,打包出来后发现background-image的路径出现了问题解决方法: 1、先在data里面导入这张图片,例如: bg:require(‘./openIndexBG2.jpg’) 2、然后在template里面对需要background-image属性的DOM做个...
一个vue项目中有一张图片,在css中background-image中使用,大小超过了url-loader大小限制。 npm run dev的时候一切正常。 npm run build之后图片被直接放在dist/static/img文件夹下,但是打包后的css却在dist/static/css/static/img路径下找该图片,如果我把url-loader大小限制改成超过图片大小也能正常显示,但是图片较...