在前端开发中，我们经常需要使用 lint 工具来检测我们的代码是否符合规范。而 stylelint 是一款专门处理 CSS 代码的 lint 工具，它可以检测出代码中的语法错误、格式错误、代码无效等问题。而 stylelint-only 则是 stylelint 的一个 npm 包，专注于检查 CSS 的唯一性，帮助开发人员更好地管理 CSS。
安装 stylelint-only
使用 npm 进行安装：
npm install -D stylelint-only
配置 stylelint-only
在项目的根目录下创建一个 .stylelintrc.json 配置文件，配置如下：
{
"plugins": [
"stylelint-only"
],
"rules": {
"plugin/stylelint-only": true
}
}使用 stylelint-only
在命令行中输入以下命令：
stylelint '**/*.css'
这个命令将在项目中的所有 CSS 文件中查找重复的样式，并生成相应的报告。
指导意义
使用 stylelint-only 可以帮助开发人员更好地管理 CSS，避免 CSS 的重复定义，提高代码的可维护性和可读性。在团队协作中，加入 stylelint-only 的检测规则可以大大减少代码冲突和错误。
示例代码
例如在以下的两个样式中，如果使用 stylelint-only 进行检测，将会提示我们这两个样式重复定义了：
-- -------------------- ---- ------- -- ------- -- ---- - ------ ------ ------- ------ ----------------- ---- - ---- - ------ ------ ------- ------ ----------------- ------ -
而如果使用 stylelint-only 进行检测，将会提示我们这两个样式重复定义了：
bad.css 5:5 ✖ Duplicate selector '.box'. (plugin/stylelint-only)
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5ef18a008c4ce90ee4ca3b0d