关于引入本小节视频的引入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回答

好帮手慕星星

2020-04-01

同学你好,问题解答如下:

1、index.scss中虽然导入了很多scss文件,但是最终编译出来的结果只有类名设置的内容,也就是可以直接给元素设置样式的。例如:demo.scss文件中有变量

http://img.mukewang.com/climg/5e843c500980f76110360454.jpg

index.scss中引入demo.scss

http://img.mukewang.com/climg/5e843c640920a47406440307.jpg

最后编译index.scss的结果

http://img.mukewang.com/climg/5e843c700957692504290071.jpg

只是定义但是没有使用的内容是不会编译出来的。所以在其他组件中使用定义内容的时候还需要引入。

2、文件的后缀是可以省略的,所以可以直接写index,或者mixins 

祝学习愉快!

0

0 学习 · 10739 问题

查看课程