为了账号安全,请及时绑定邮箱和手机立即绑定

Ebook.vue中为什么还要再引入一次global.scss

在main.js文件中不是全局引入了global.scss了吗,为啥Ebook.vue中还得在import一次呢?

正在回答

1 回答

你好,两者的用途不同:

1、main.js中引入global.scss,主要是为了载入通用样式,sass-loader会将global.scss转化为css载入,所以只载入了样式部分

2、Ebook.vue的style部分引入global.scss是为了引用global.scss中的function、mixin和样式等,如果去掉global.scss的引用,那么类似px2rem()、@include这些方法就找不到引用源了,从而导致样式加载失败

0 回复 有任何疑惑可以回复我~
#1

慕标3395159

可是好像在style里面引入global.scss的时候,那些通用样式好像都重复引入了,请问老师有什么优化的方案呢?
2018-10-15 回复 有任何疑惑可以回复我~
#2

Sam 回复 慕标3395159

可以把通用样式和mixin方法分开,main.js中引入通用样式,而style只引入mixin和function即可:)
2018-10-15 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

Ebook.vue中为什么还要再引入一次global.scss

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信