问题标签 [stylelint]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
237 浏览

css - Stylelint 嵌套声明顺序数组

stylelint中是否可以为规则嵌套数组declaration-block-properties-order?我很好奇,因为我真的很想让它强制执行类似于Nicolas Gallagher 的 Idiomatic CSS的声明顺序的声明顺序。但是,我真的不在乎填充或边距是否排在第一位。

我知道我可以通过这条规则轻松做到这一点......

但是...我要做的是指定填充和边距组的顺序,因此边距、边距顶部、边距右、边距底部和边距左只能按此顺序排列,填充相同..但不在乎哪个组是第一个。我试过嵌套数组,但我不确定这是否可行或者我的语法错误。

但我不希望它接受 margin、margin-top、padding、margin-right、padding-right。我希望组织这两个组,但不在乎填充或边距组是第一个。

0 投票
1 回答
1668 浏览

stylelint - 无法在 stylelint 中将 block-no-empty 设置为 false

鉴于以下内容package.json

"stylelint": { "extends": "stylelint-config-standard", "rules": { "string-quotes": "single", "block-no-empty": false, "indentation": 2 } } 我无法弄清楚如何覆盖block-no-empty. 如果我将其设置为false,我会收到错误消息:

Invalid Option: Unexpected option value "false" for rule "block-no-empty"

我是否缺少某种覆盖语法?

0 投票
3 回答
594 浏览

stylelint - 如何使用 Stylelint 防止在媒体查询中使用“最大宽度”

我想max-width在媒体查询中使用时发出警告/错误,并鼓励使用min-width.

我可以警告/错误...

但是允许...

0 投票
1 回答
2043 浏览

node.js - 指定的文件 glob 模式与任何文件都不匹配

我有问题。当我跑步时:npm run stylelint。我的 cmd 显示通知

0 投票
2 回答
4364 浏览

css - Angualar2 & Stylelint:意外的未知伪类选择器“:主机”

我如何教 Stylelint Angular 的选择器 ":host" ?

例如MGechev 的 Angular2-Seed在其构建过程“:host”中显示为错误:

0 投票
1 回答
1707 浏览

css - 我应该如何使用 stylelint 检查 SASS 文件中的缩进?

我尝试使用 stylelint 检查我的 SASS 文件。当我设定规则

stylelint 抛出下一个错误

如何正确检查缩进?

UPD:样式的顶部:

0 投票
2 回答
328 浏览

javascript - Gruntfile 中 stylelint 的配置

我正在尝试创建一个名为 stylelint 的单独任务,因为出于某种原因,我不希望它成为 postcss 任务的一部分。

在我正在写的 gruntfile 中:

当我运行grunt stylelint它时会检查我的代码,但是当它发现问题时,我会得到Warning: Task "stylelint:src" failed. Use --force to continue.

我遗漏了什么吗?

0 投票
1 回答
1054 浏览

css - 我想自动修复我的 CSS 源文件,但我得到了一个无限循环

我使用 gulp-stylefmt 并且每次保存任何 CSS 文件时它都会运行:

同时gulp.watch 监视路径src/**/*.css并再次运行stylelint任务。

控制台输出:

有一种方法可以纠正这种行为并只运行一次stylelint任务吗?

升级版。我添加了gulp-cached,现在它只运行了两次。我可以改进它运行一次吗?

0 投票
1 回答
116 浏览

gulp - 如何将 stylelint 中特定 mixins 的使用列入黑名单?

我正在使用 gulp-stylelint 和 stylelint-scss 插件来检查我们项目中的 .scss 文件。当我们使用 autoprefixer 时,如果使用仅添加供应商前缀的 bourbon 整洁 mixin,我希望 linting 失败,例如,像这样@include opacity(0.4);

是否有可能将特定的 mixin 列入黑名单?或者,如果在 .scss 文件中使用了这些 mixin,是否还有其他可能导致构建失败?谢谢!

0 投票
1 回答
320 浏览

reactjs - 带有额外道具的过渡路线带有反应路由器 4 的组件

在 React Router 4 中,可以<Match/>通过使用render而不是component.


另一方面,也可以<Match/>通过在转换匹配包装器组件中包装来在路由之间转换。

引用包装器:

TransitionMatch 包装器:


问题是,如何将这两个概念一起应用?

如何有效地将 a 包装<Match />在 TransitionMatch 组件中并将其他道具传递给它?我可以通过render道具传递一个元素,而不是通过 TransitionMatch 的道具传递一个组件,component以便我可以向它添加道具吗?如果是这样,我将如何实现 TransitionMatch?