sass的使用

在平时的vue脚手架开发中，我们会用到sass预处理语言，我经常使用以下的方法使代码看起来更加简洁

  • 在目录中创建以下结构的文件夹和文件


    image.png
  • 因为mixin.scss是集成在webpack中的，所以不需要特殊的引入，我们只需要在这个文件里写上我们经常用的一些公共样式，然后在各个组件的页面中使用的时候，引入即可
举个例子
image.png

image.png
mixin文件中，用@mixin 自己定义好样式，在使用中，@include 引入自己定义的名字就行
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容