问题标签 [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 回答
58 浏览

stylelint - 只能将来自 img 标签的 height 属性列入黑名单

我想将样式表中所有 img 选择器的 height 属性列入黑名单,因此始终尊重图像的纵横比,是否可以使用 stylelint?

0 投票
1 回答
1103 浏览

node.js - 如何卸载安装在错误目录 (Mac) 中的节点模块文件夹?

我在尝试安装“stylelint”模块时不小心在项目目录中安装了 409 个节点模块。

我对此不熟悉,并认为它正在进入一个“全局”位置(无论在哪里),而是将它和 408 个其他模块安装到“node_modules”文件夹中,以及“package-lock.json”在一个低级项目目录。

我通过错误地在随机项目目录中运行以下命令来做到这一点: sudo npm install stylelint --save-dev

然后试图删除它:`sudo npm uninstall stylelint'

它说它已经删除了 409 的 1 个包。它每次还会给出一堆关于缺少描述/自述文件的警告。

我只想完全撤消我所做的 - 卸载所有这些模块,删除所有新文件等。请有人帮忙吗?

0 投票
1 回答
2232 浏览

prettier - 使用 Stylelint 和 Prettier 强制执行行距样式指南规则

我正在与一个主要使用 SCSS 和 markdown 文件的大型开发团队一起开发一个项目。由于每个人都有自己的编码风格,我们现在有一个项目,其中不同的文件有不同的代码注释风格,并且代码块之间的行间距不一致。

我们确实在项目中使用 Stylelint 来强制执行 BEM 语法和最大字符行长度。

但是,有没有一种方法可以强制在文件顶部定义的 SASS 变量和 CSS 选择器之间的换行数?我还想将它与 Prettier 结合起来,这样我就可以在处理文件时在保存时重新格式化文件。

0 投票
1 回答
1764 浏览

javascript - 带有 gulp-stylelint 的 stylelint - 错误:TypeError:无法读取 node_modules/gulp-stylelint/dist/index.js:177 中未定义的属性“警告”

我已搜索但无法找到我的问题的答案。它说在 gulp-stylelint/index.js 文件中未定义“警告” - 澄清一下,我没有触及这个文件,因为它是一个“第 3 方”文件。无论是从命令行(gulp lint:css)还是在构建过程中运行它,我都会遇到相同的错误。

这是错误消息:

这是我在 package.json 文件中的依赖项:

这是我的 .stylelintrc 文件:

这是我的 gulp 文件的相关部分:

我确定这可能是我做错了什么,但我不知道是什么?

0 投票
0 回答
776 浏览

sass - 为什么我收到无降序特异性错误?

这是一个例子:

我的 stylelint.config.json:

如何修复 stylelint 错误?或者它可能是错误?

0 投票
1 回答
235 浏览

pug - 将 Lint 样式转换为 Pug 文件

我想将 CSS 整理到 Pugstyle.标签原始内容 (CSS) 和style属性内容 (CSS) 中。

看起来 Stylelint 是执行此操作的正确工具。

Stylelint 可以 linthtml文件中的 CSS 字符串和代码块,按预期工作。

但是,如果我尝试对 执行相同的操作,则会pug出现Unknown word CssSyntaxError错误。

我创建了一个用于测试的存储库,并将测试输出作为注释添加到 NPM 脚本:

https://github.com/Grawl/stylelint-pug-test/commit/f4749090ab89be5da5e762a69948e072343accdf

Stylelint lintshtml使用“处理器”来确定 HTML 标签和属性中的 CSS。我发现不推荐stylelint-processor-html使用指向stylelint-processor-arbitrary-tags模块的链接。但它对我来说在没有这个处理器的情况下也能工作(查看上面的测试仓库)。看起来 HTML 处理器是内置的。

我找不到 Stylelint 的 Pug 处理器。试图在 NPM(12 个结果)、Yarn 注册表(15 个结果)和GitHub(14 个存储库)上找到一个。

也许我错过了什么?我应该写stylelint-processor-pug还是深入stylelint-processor-arbitrary-tags研究正则表达式?

0 投票
1 回答
703 浏览

javascript - 如何使用 gulp-sass 和 gulp-stylelint 对我的样式进行 lint

我有几个应该单独编译的 SASS 文件。我想把他们的和他们的“进口”

我有一些 sass 文件:

我像这样通过 gulp 编译 sass 样式:

我想在这里添加 stylelint。我尝试通过添加 stylelint 来做到这一点

它有效,但 stylelint 处理编译样式。如何在编译之前应用 stylelint,但包括导入语句。

0 投票
1 回答
1271 浏览

stylelint - 同一文件中不同选择器的无重复选择器错误

我在 CSS-IN-JS 项目中使用 stylelint(这里使用 astroturf,但我也面临使用任何 CSS-IN-JS 库(如 styled-components)的相同模式)。

我在同一个文件中定义了不同样式的元素,因此有时最终会出现重复的选择器和/或导入规则。

我这样写的:

有没有办法在块而不是整个文件上设置这些 stylelint 规则?

0 投票
1 回答
702 浏览

stylelint - 如何将全局安装的 stylelint 插件与 stylelint cli 一起使用?

如何在 Stylelint CLI 中使用全局安装的 Stylelint 插件?我可以将configBasedir选项设置node_modules/为这些插件的路径吗?

0 投票
1 回答
268 浏览

css - Webpack styelint-webpack-plugin 的替代品?寻找一个维护的项目

我正在为一个项目安装 Webpack4。

我想要它做的一部分是 lint css。

我发现的几乎所有资源都指向“stylelint-webpack-plugin”(https://github.com/JaKXz/stylelint-webpack-plugin)。

那个项目很久没有更新了。

据我所知,webpack 团队在社区外对 stylelint-webpack-plugin 的大量工作欺负了开发人员。

所以现在这个项目没有人做这项工作,它正在“寻找维护者”。在整个混乱之后,看起来没有人在注册。

从我的角度来看——哦,好吧!下一个 !?

对于 webpack 设置中的 lint-ing 样式,stylelint-webpack-plugin 是否有不同的替代方案?