在main.js中已经import了global.scss文件，为什么还要在app.vue中再import一次呢

来源：3-7 global.scss和reset.scss设置

所向无一

2020-07-31

在main.js中import的不能读取到方法吗，如果不能直接在app.vue中import不就可以了吗，为什么还要在main.js中import?

写回答

1回答

扬_灵

2020-08-02

同学你好，因为每个scss文件都是独立编译的，编译的目的是为了把scss文件转化为css文件，在编译过程中需要找到变量的引用，所以每个scss中都需要import global.scss。编译后，如果我们使用了异步模块（就是在router中使用import方法导入路由），那么每个模块都会编译出不同的css文件，最终在index.html中进行引用。所以各模块的css部分是相对独立的。

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

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

1610 学习 · 1951 问题

查看课程

相似问题

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

回答 1

在公开课程中引入了scss 后，在main.js 引入scss文件编译 This relative module was not found:

回答 2

既然在global.scss里已经固定了rem为37.5px,为什么还要再APP.vue里根据屏幕宽度来改变rem呢？

回答 1

style import scss文件报错

回答 1

transition 提出无效

回答 1

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