Pipeline Components: Stylelint

Docker状态

镜像概述

本镜像为GitLab CI环境提供容器化的Stylelint工具，集成了Stylelint核心及多种标准配置，可用于CSS、SCSS及Vue样式文件的代码规范检查，帮助团队在CI/CD流程中自动化执行样式代码质量验证。

核心功能与特性

• 内置工具链：包含Stylelint及以下标准配置包
  • stylelint（核心检查工具）
  • stylelint-config-standard（CSS标准配置）
  • stylelint-config-recommended-vue（Vue样式推荐配置）
  • stylelint-config-standard-scss（SCSS标准配置）
• 灵活性：支持自定义配置文件，可扩展或覆盖默认规则
• CI集成：专为GitLab CI设计，可直接集成到 linting 阶段执行样式检查

使用方法

基础配置

应用程序安装于 /app/ 目录。若未配置Stylelint规则，建议添加 .stylelintrc.json 文件，内容如下：

json
{
  "extends": "stylelint-config-standard-scss"
}

高级配置

Stylelint存在部分使用限制，镜像通过包装脚本进行兼容处理。
若需使用自定义Stylelint配置包，需设置 CONFIG_BASEDIR 环境变量，指向包含 node_modules 的目录（即自定义配置包的安装路径）。

使用场景与示例

GitLab CI集成示例

在GitLab CI配置文件（.gitlab-ci.yml）中添加以下阶段，对所有CSS文件执行检查：

yaml
stylelint:
  stage: linting
  image: registry.gitlab.com/pipeline-components/stylelint:latest
  script:
    - stylelint --color '**/*.css'

检查SCSS文件示例

若需检查SCSS文件，调整脚本如下：

yaml
script:
  - stylelint --color '**/*.scss'

版本控制

本项目采用语义化版本控制（Semantic Versioning）进行版本管理。

支持与反馈

• ***频道：点击加入
• Issue跟踪：提交问题

版本控制

本项目采用语义化版本控制（Semantic Versioning）进行版本管理。

贡献指南

本项目为活跃开源项目，欢迎使用或贡献代码。贡献详情请参阅贡献指南。感谢您的参与！😍

许可证

本项目基于MIT许可证授权，由Robbert Müller开发维护。