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

Question

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

Answer 1

扬_灵 2020-08-02 12:28:04

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