关于global样式引入的问题

来源：4-4 标题栏和菜单栏实现

godlanbo

2020-07-06

老师，我有一个疑惑，就是我已经在main.js中全局引入了global样式文件，为什么使用类似center、px2rem这些混入和方法的时候还是需要在组件下面引入global样式文件，否则就会报错找不到方法或者模块。

写回答

1回答

扬_灵

2020-07-06

同学你好，这是因为scss会被编译为css，到vue文件那里的时候已经没有scss变量和方法了。如果在 vue 文件中引入 golbal.scss 的话，就会被合并在一个文件里一起编译，变量和方法也就没问题了,如果不能解决你的问题，可以继续追问。

godlanbo

谢谢你的回复，那这样设计global样式文件会不会多次引入，造成冗余？（我在main中引入，但是只有样式起效了，然后我在组件中又引入，只用到了方法和变量，其余的样式已经在main中引入过了）可不可以考虑全局样式文件全局引入，然后ScssScript代码文件单独出来（比如一个globalScript.scss文件），在main中只引入全局样式文件，需要的方法或者变量再单独在编写组件的时候引入globalScript文件。

2020-07-06

共1条回复

Vue 实战商业级读书Web APP完整项目

Vue全家桶+最新前端技术+前后端分离架构，完整项目流程

1610 学习 · 1951 问题

查看课程

相似问题

关于vuex和mixin设计的问题

回答 1

selected 样式在哪里定义的

回答 1

关于电子书渲染不出来的问题

回答 1

为什么每个页面都要引入global.scss

回答 1

进度条样式被覆盖，无法根据进度条颜色对应变化，整条都是黑色的

回答 2

打开慕课网App查看更多内容