在main.js文件中不是全局引入了global.scss了吗,为啥Ebook.vue中还得在import一次呢?
你好,两者的用途不同:
1、main.js中引入global.scss,主要是为了载入通用样式,sass-loader会将global.scss转化为css载入,所以只载入了样式部分
2、Ebook.vue的style部分引入global.scss是为了引用global.scss中的function、mixin和样式等,如果去掉global.scss的引用,那么类似px2rem()、@include这些方法就找不到引用源了,从而导致样式加载失败