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

来源:3-2 电子书解析和渲染

happyboy_tu4027881

2018-10-11 00:34

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

写回答 关注

1回答

  • Sam
    2018-10-11 10:50:18

    你好,两者的用途不同:

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

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

    Sam 回复慕标3395...

    可以把通用样式和mixin方法分开,main.js中引入通用样式,而style只引入mixin和function即可:)

    2018-10-15 20:44:10

    共 2 条回复 >

快速入门Web阅读器开发

带你了解电子书阅读器的工作原理,通过Vue.js快速实现Web阅读器

26396 学习 · 214 问题

查看课程

相似问题