【问题标题】:Shorter way to import with Scss/Sass使用 Scss/Sass 导入的更短方法
【发布时间】:2016-09-29 12:16:03
【问题描述】:

我使用 Scss (gulp-sass),它是一个长长的包含列表,看起来像这样:

@import '../../snippets/menu/menu.scss';
@import '../../snippets/footer/footer.scss';
@import '../../snippets/hero/hero.scss';

从这里我可以看到一个模式。我的问题是是否有一种很好的方法可以使它更简单地编写。也许是这样的?

import('menu');
import('footer');
import('hero');

scss 的输出应该仍然和第一个 sn-p 一样。

【问题讨论】:

  • @hardcodepunk 我正在使用 gulp-sass,忘记提及了。您的建议仅支持 Rails。但还有一个不错的解决方案。
  • @hardcodepunk 顺便说一句不重复...“这个功能永远不会成为 Sass 的一部分。一个主要原因是导入顺序。”

标签: import sass


【解决方案1】:

我在 cmets 中被推向正确的方向,解决方案与我预期的有点不同。现在我使用:

https://www.npmjs.com/package/gulp-sass-glob

我允许这样的语法:

@import '../../snippets/**/*';

【讨论】:

    猜你喜欢
    • 2017-04-24
    • 2022-08-10
    • 1970-01-01
    • 1970-01-01
    • 2023-03-27
    • 2016-01-25
    • 2019-05-18
    • 2017-11-26
    • 2019-10-30
    相关资源
    最近更新 更多