问题标签 [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.
css - Stylelint 嵌套声明顺序数组
在stylelint中是否可以为规则嵌套数组declaration-block-properties-order
?我很好奇,因为我真的很想让它强制执行类似于Nicolas Gallagher 的 Idiomatic CSS的声明顺序的声明顺序。但是,我真的不在乎填充或边距是否排在第一位。
我知道我可以通过这条规则轻松做到这一点......
但是...我要做的是指定填充和边距组的顺序,因此边距、边距顶部、边距右、边距底部和边距左只能按此顺序排列,填充相同..但不在乎哪个组是第一个。我试过嵌套数组,但我不确定这是否可行或者我的语法错误。
但我不希望它接受 margin、margin-top、padding、margin-right、padding-right。我希望组织这两个组,但不在乎填充或边距组是第一个。
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"
我是否缺少某种覆盖语法?
stylelint - 如何使用 Stylelint 防止在媒体查询中使用“最大宽度”
我想max-width
在媒体查询中使用时发出警告/错误,并鼓励使用min-width
.
我可以警告/错误...
但是允许...
node.js - 指定的文件 glob 模式与任何文件都不匹配
我有问题。当我跑步时:npm run stylelint
。我的 cmd 显示通知
css - Angualar2 & Stylelint:意外的未知伪类选择器“:主机”
我如何教 Stylelint Angular 的选择器 ":host" ?
例如MGechev 的 Angular2-Seed在其构建过程“:host”中显示为错误:
css - 我应该如何使用 stylelint 检查 SASS 文件中的缩进?
我尝试使用 stylelint 检查我的 SASS 文件。当我设定规则
stylelint 抛出下一个错误
如何正确检查缩进?
UPD:样式的顶部:
javascript - Gruntfile 中 stylelint 的配置
我正在尝试创建一个名为 stylelint 的单独任务,因为出于某种原因,我不希望它成为 postcss 任务的一部分。
在我正在写的 gruntfile 中:
当我运行grunt stylelint
它时会检查我的代码,但是当它发现问题时,我会得到Warning: Task "stylelint:src" failed. Use --force to continue.
我遗漏了什么吗?
css - 我想自动修复我的 CSS 源文件,但我得到了一个无限循环
我使用 gulp-stylefmt 并且每次保存任何 CSS 文件时它都会运行:
同时gulp.watch 监视路径src/**/*.css
并再次运行stylelint任务。
控制台输出:
有一种方法可以纠正这种行为并只运行一次stylelint任务吗?
升级版。我添加了gulp-cached,现在它只运行了两次。我可以改进它运行一次吗?
gulp - 如何将 stylelint 中特定 mixins 的使用列入黑名单?
我正在使用 gulp-stylelint 和 stylelint-scss 插件来检查我们项目中的 .scss 文件。当我们使用 autoprefixer 时,如果使用仅添加供应商前缀的 bourbon 整洁 mixin,我希望 linting 失败,例如,像这样@include opacity(0.4);
是否有可能将特定的 mixin 列入黑名单?或者,如果在 .scss 文件中使用了这些 mixin,是否还有其他可能导致构建失败?谢谢!
reactjs - 带有额外道具的过渡路线带有反应路由器 4 的组件
在 React Router 4 中,可以<Match/>
通过使用render
而不是component
.
另一方面,也可以<Match/>
通过在转换匹配包装器组件中包装来在路由之间转换。
引用包装器:
TransitionMatch 包装器:
问题是,如何将这两个概念一起应用?
如何有效地将 a 包装<Match />
在 TransitionMatch 组件中并将其他道具传递给它?我可以通过render
道具传递一个元素,而不是通过 TransitionMatch 的道具传递一个组件,component
以便我可以向它添加道具吗?如果是这样,我将如何实现 TransitionMatch?