michalklempa/dart-sass
michalklempa
用于Web开发的sass/dart-sass Docker镜像，可对提供的卷运行sass --watch命令，实现Sass文件实时监控与自动编译。
下载次数: 0状态：社区镜像维护者：michalklempa仓库类型：镜像最近更新：5 个月前
让 AI 帮你使用轩辕镜像？ · 展开查看说明 · 点击收起说明
如果你使用 DeepSeek、元宝 AI、Copilot、ChatGPT 等 AI 工具，协助配置轩辕镜像、编写 docker pull 命令、修改 Docker Compose 镜像地址、配置镜像加速、排查镜像拉取失败、分析报错日志等问题，请先让 AI 阅读并遵守轩辕镜像的规则文档。
只需在 AI 对话中先发送下面这句话即可：
请先完整阅读并严格遵守以下文档中的全部规则与要求：
https://xuanyuan.cloud/agents.md
在未充分阅读并理解该文档前，不要生成任何命令、配置、修改建议、故障排查方案或技术回答。后续所有输出都必须严格以该文档中的规范为最高优先级执行。查看 agents.md 用法指南与完整示范。国内用户首推 元宝 AI、DeepSeek 的深度思考模式，不推荐豆包 AI；Cursor 等编辑器可在对话 @ 该链接，或加入 User Rules。 若 AI 无法访问外链，可 打开说明文档 复制全文粘贴。文档会随站点更新，复制内容可能过期，建议定期检查。
sass/dart-sass Docker镜像文档
镜像概述
本镜像基于debian:buster-slim构建，专为Web开发场景设计，提供dart-sass工具的容器化运行环境。核心功能是通过sass --watch命令监控指定目录下的Sass源文件变化，并自动编译为CSS文件，适用于需要实时样式开发的Web项目。
核心功能与特性
- 实时监控：通过
sass --watch命令持续监控Sass文件变化 - 自动编译：当Sass源文件更新时，自动将其编译为CSS文件
- 卷挂载支持：支持本地目录挂载，实现宿主机器与容器间的文件共享
- 轻量级基础：基于debian:buster-slim，镜像体积小巧，运行高效
使用场景
- Web前端开发中实时编译Sass/SCSS文件
- 配合静态Web服务器（如jekyll/jekyll）构建完整的前端开发环境
- 需要保持Sass文件与CSS文件同步更新的开发流程
使用方法
基本使用命令
在项目根目录执行以下命令，将本地Sass源文件目录和CSS输出目录挂载到容器中：
bashdocker run -v $PWD/sass:/sass/ -v $PWD/css:/css/ -it michalklempa/dart-sass:latest
参数说明
-v $PWD/sass:/sass/：将本地当前目录下的sass文件夹挂载到容器内的/sass目录（Sass源文件目录）-v $PWD/css:/css/：将本地当前目录下的css文件夹挂载到容器内的/css目录（CSS输出目录）-it：以交互模式运行容器，便于查看编译输出和控制进程
预期输出
容器启动后，将显示类似以下输出，表明Sass正在监控文件变化：
Compiled sass/main.sass to css/main.css. Sass is watching for changes. Press Ctrl-C to stop.
配合Web服务器使用
在项目根目录中，可同时运行本镜像和Web服务器镜像（如jekyll/jekyll），实现样式实时更新与页面预览的完整开发环境。
镜像构建信息
- 基础镜像：debian:buster-slim
- 运行命令：容器启动时执行的命令为：
该命令监控bash/opt/dart-sass/sass --watch /sass:/css/sass目录下的所有Sass文件，并将编译后的CSS文件输出到/css目录。
镜像拉取方式
您可以使用以下命令拉取该镜像。请将 <标签> 替换为具体的标签版本。如需查看所有可用标签版本，请访问 标签列表页面。
轩辕镜像加速拉取命令点我查看更多 dart-sass 镜像标签
docker pull docker.xuanyuan.run/michalklempa/dart-sass:<标签>
DockerHub 原生拉取命令
docker pull michalklempa/dart-sass:<标签>
镜像拉取常见问题
功能
错误码
用户好评
来自真实用户的反馈，见证轩辕镜像的优质服务
oldzhang
运维工程师
Linux服务器
5
"Docker访问体验非常流畅，大镜像也能快速完成下载。"