【问题标题】:There is a way to order alphabetical in Gulp Sass?有没有办法在 Gulp Sass 中按字母顺序排序?
【发布时间】:2017-11-21 11:54:15
【问题描述】:

我的团队讨厌我们需要使用的约定。我们需要按字母顺序导出所有的 css,但是我们可以在我们的 SCSS 中工作,我们不需要共享它,所以重要的是 css 被排序。

gulp(我们使用 gulp-sass)中有一种方法可以在处理 css 时重新排序?

注意:我认为字母顺序甚至不利于可读性,最好按类型分组(例如:盒子模型属性、文本属性……)

【问题讨论】:

  • 如果这样的(废话)约定正在使用中,那么通常这样开发人员可以更快地在他们正在使用的源代码中找到属性 - 那将是你的 SASS 在这种情况下。仅将其应用于输出应该有什么意义?
  • 因为有两个不同的完整步骤:1)我们在SASS中编码; 2) 他们访问我们的 CSS。 1)我们不想按字母顺序排列; 2)它的使用约定。它不是一个标准的过程,因为基本上我们不是为特定的项目和相同的环境工作。所以,问题是:我们能否在 SASS 中按属性类型排序并按字母顺序获得最终的 CSS 排序器?
  • 顺便说一句,字母顺序是 CSS 中的一个著名约定。我完全不同意,但有时我们可能需要处理这个问题。

标签: sass gulp gulp-sass


【解决方案1】:

你需要

gulp-csscomb

在你拥有你的 css 之后可能会使用这个选项:

.pipe(csscomb({"sort-order-fallback": "abc"}))

sort-order configuration for csscomb

【讨论】:

  • 谢谢!我需要它将选项放在 css 模块中,并删除排序顺序。需要在 gulp 文件中进行测试。 {"sort-order-fallback": "abc", "sort-order": ["..."]}
  • 我们需要在根文件夹(或同级)添加一个 .csscomb.json 文件来覆盖默认定义。它的工作。谢谢;)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-08-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-03-30
相关资源
最近更新 更多