background-image 本地和线上的使用区别
background-image具体的属性使用在这儿就不说了。
首先这是我的项目的文件目录:
图片是放在assets里面,具体页面的模块是放在components里面。当在本地开发时候,页面模块里面的scss文件使用background-image要引用assets的图片时候:
路径也是相对路径但是当发布到线上的时候,会发现图片是没有显示的。
经查找原因:所有的scss文件经过编译后会被压缩到同一个文件中index.scss,导致路径改变了。
处理:将该属性写在index.scss里面就解决了。如下图: