drewwells/wellington

Wellington镜像说明

镜像概述

Wellington是一款基于libsass的Sass扩展工具，它不仅实现了Sass到CSS的高速编译，还扩展了Sass语言的功能，支持多种图像处理函数和混合（mixin），是前端开发中高效处理CSS预编译的工具。

核心功能

1. 快速编译：利用libsass引擎，实现Sass到CSS的高速转换；
2. 精灵图生成：支持通过函数生成精灵图，优化前端资源加载；
3. Web服务器模式：可作为Web服务运行，接收Sass代码并返回编译后的CSS；
4. 灵活配置：支持绑定数据卷、指定目录参数等，适配不同开发场景。

使用场景

• 本地开发环境中快速编译Sass文件；
• 搭建Sass转CSS的Web服务，供团队或外部使用；
• 批量处理Sass文件并生成优化的精灵图资源。

配置说明与部署示例

本地编译Sass

绑定本地目录到容器，编译指定Sass文件：

bash
docker run -v $(pwd):/data drewwells/wellington \
        wt -p /data/sass main.scss

查看可用选项

bash
docker run drewwells/wellington wt -h

运行Web服务器模式

启动Web服务，接收Sass请求并返回CSS：

bash
docker run -p 8080:12345 -v /opt/wellingtondata:/data \
    -e HOSTNAME=localhost:80 --restart=always \
    drewwells/wellington:latest \
    wt serve \
      --sass-dir /data/sass \
      --images-dir /data/img \
      -b /data/build \
      -gen /data/build/img

生成的CSS文件将位于/data/build目录，精灵图位于/data/build/img目录。

通过curl调用Web服务

bash
# 启动服务（假设使用boot2docker）
docker run -e HOST=[***] boot2docker ip):8080 \
    -it -p 8080:*** -v $(current_dir)/test:/data \
    drewwells/wellington serve

# 发送请求
curl $(boot2docker ip):8080 \
  --data '$map: sprite-map("*.png"); div { background: sprite($map,"140"); }'