关于引入本小节视频的引入scss的问题
来源:1-1 页面结构和样式
迷失的小麦
2020-04-01 11:43:40
main.js中引入了import 'assets/scss/index.scss';,所以home文件夹下的index.vue可以直接使用
$bgc-theme,那么为什么还要单独引入@import "~assets/scss/mixins";?
(之前的index.scss中有mixins)
另,为什么老师省略了后缀名.scss?
1回答
同学你好,问题解答如下:
1、index.scss中虽然导入了很多scss文件,但是最终编译出来的结果只有类名设置的内容,也就是可以直接给元素设置样式的。例如:demo.scss文件中有变量
index.scss中引入demo.scss
最后编译index.scss的结果
只是定义但是没有使用的内容是不会编译出来的。所以在其他组件中使用定义内容的时候还需要引入。
2、文件的后缀是可以省略的,所以可以直接写index,或者mixins
祝学习愉快!
相似问题