css – 有没有办法在SASS中导入所有部分文件?

我想知道是否可以只写一个文件夹的名称,里面的每个文件都会被自动导入?

例如,我有一个main.scss,它只包含导入

@import "components/forms";
@import "components/header";
@import 'components/intro';

我想写一下

@import "components/**/*";

因此,组件中的每个文件都将如上导入.

解决方法

我可以使用sass-globbing.它允许我使用单个@import语句导入目录或整个目录树:

// import a directory's contents
@import 'dir/*';

// recursively import a directory's contents and any sub-directories:
@import 'dir/**/*';

我将从命令行安装它

gem install sass-globbing

更多here on Github plugin homepage.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效