lmmartin/full-preving-bootstrap

Full Preving Bootstrap镜像说明

镜像概述

Full Preving Bootstrap是Node+Ruby应用的Docker化示例，应用先在构建容器完成编译，再复制到NGINX容器提供服务，用于展示Grupo Preving的前端样式规范与组件库。

核心功能

• 集成Grupo Preving的前端样式指南、HTML+CSS+JS组件库及设计模式
• 采用轻量级NGINX服务器提供静态资源服务
• 支持GZIP压缩优化，提升资源加载效率
• 基于Docker多阶段构建，生成轻量高效的运行镜像

使用场景

• 前端团队参考Grupo Preving的设计规范与组件使用方式
• 作为前端组件库的演示环境，快速验证组件效果
• 学习Docker多阶段构建实践，掌握构建与运行环境分离的方法

配置说明

Dockerfile配置

采用多阶段构建策略，分离编译与运行环境：

dockerfile
# 构建阶段：编译应用
FROM docker.xuanyuan.run/scardon/ruby-node-alpine:2.6.1 AS builder
WORKDIR /app
COPY . .
ADD _config-docker.yml _config.yml
RUN apk update && apk add build-base
RUN npm install
RUN gem install eventmachine -v '1.2.7' --source 'https://rubygems.org/' && gem install bundler --force && bundle install && bundle update && gem update
RUN npm run dist && npm run docs

# 运行阶段：提供服务
FROM docker.xuanyuan.run/nginx:alpine
EXPOSE 80
COPY ./nginx.conf /etc/nginx/nginx.conf
COPY --from=builder /app/_docker/ /usr/share/nginx/html/

NGINX配置

优化静态资源服务与压缩：

nginx
worker_processes  1;
events { worker_connections  1024; }
http {
    include mime.types;
    sendfile on;
    server {
        listen 80;
        server_name styleguide.com;
        root /usr/share/nginx/html;
        gzip on;
        gzip_min_length 1000;
        gzip_proxied expired no-cache no-store private auth;
        gzip_types text/plain text/css application/json application/javascript application/x-javascript text/xml application/xml application/xml+rss text/javascript;
    }
}

部署示例

1. 安装Docker环境
2. 拉取镜像：

   bash
   docker pull docker.xuanyuan.run/lmmartin/full-preving-bootstrap
   

3. 首次启动容器：

   bash
   docker run --rm -d -p 8888:80 --name styleguide docker.xuanyuan.run/lmmartin/full-preving-bootstrap:latest
   

4. 访问应用：通过http://192.168.99.100:8888/查看样式指南
5. 停止容器：

   bash
   docker stop styleguide
   

6. 重新启动（未使用--rm时）：

   bash
   docker start styleguide
   

注意：--rm参数会在容器停止后自动删除，需重新执行docker run启动。 ===FULL_DESC===