background-image 本地和线上的使用区别


background-image具体的属性使用在这儿就不说了。

首先这是我的项目的文件目录:

图片是放在assets里面,具体页面的模块是放在components里面。当在本地开发时候,页面模块里面的scss文件使用background-image要引用assets的图片时候:

路径也是相对路径但是当发布到线上的时候,会发现图片是没有显示的。

经查找原因:所有的scss文件经过编译后会被压缩到同一个文件中index.scss,导致路径改变了。

处理:将该属性写在index.scss里面就解决了。如下图:

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM