今天在使用uniapp开发小程序时遇到一个问题,在app.vue中引入公共样式,在其他界面中使用,直接运行到小程序模拟器上时,是可以正常使用的,但是如果分包放到小程序上公共样式就会失效。在网上找了半天也没找到问题所在,后边瞎写的的时候偶然解决了,但是不明白原理,所以记录一下,如果各位大佬知道原因希望可以在评论中指导一下。
代码如下:
/*在app.vue中的<style></style>中引入*/
/*每个页面公共css */
@import "./common/css/uni.css";
@import "./common/css/common.css";
@import "./common/css/iconfont.css";
在需要的界面中直接使用,这时候就是问题所在了,比如说是在a.vue中使用,如果a.vue的<style></style>中是空的,则a.vue无法渲染出预期的样式,如果a.vue的<style></style>中不是空的,哪怕只是一个注释,都会成功渲染公共样式文件中的样式。
原理不太清楚,有懂的大手子希望可以指点一下。