exiasr/alpine-yarn-nginx

alpine-yarn-nginx镜像说明

镜像概述

本Docker镜像基于Alpine系统，整合了Node.js、Npm、Yarn和Nginx工具，为前端项目提供一站式的构建与服务部署环境，减少环境配置成本。

核心功能

• 集成常用开发工具：Node.js、Npm、Yarn用于前端项目依赖安装与打包
• 内置Nginx服务：支持静态资源托管与反向代理配置
• 多版本支持：提供不同Node.js版本的标签选择

最新版本信息

支持标签

• 10.14.2, latest（对应Dockerfile）
• 8.12.0（对应Dockerfile：https://github.com/ExiaSR/alpine-yarn-nginx/blob/8.12.0/Dockerfile%EF%BC%89
• 8.9.4（对应Dockerfile：https://github.com/ExiaSR/alpine-yarn-nginx/blob/8.9.4/Dockerfile%EF%BC%89
• 7.9.4（对应Dockerfile：https://github.com/ExiaSR/alpine-yarn-nginx/blob/7.9.4/Dockerfile%EF%BC%89

使用场景

1. 前端项目构建：利用Yarn安装依赖并打包静态资源
2. 静态资源服务：通过Nginx托管前端打包后的静态文件
3. 反向代理：配置Nginx将请求转发至后端服务

配置说明

• 默认静态文件目录：/usr/share/nginx/html
• 修改Nginx配置：可通过挂载自定义配置文件到/etc/nginx/nginx.conf或/etc/nginx/conf.d/目录

部署示例

拉取镜像

bash
docker pull exiasr/alpine-yarn-nginx

运行容器（托管静态文件）

将本地静态文件目录./dist挂载到容器的默认静态目录：

bash
docker run -d -p 8080:80 -v ./dist:/usr/share/nginx/html exiasr/alpine-yarn-nginx

运行容器（反向代理示例）

创建自定义Nginx配置文件nginx.conf，内容如下：

nginx
server {
    listen 80;
    server_name localhost;
    location / {
        proxy_pass http://backend-service:3000;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
    }
}

运行容器并挂载配置文件：

bash
docker run -d -p 8080:80 -v ./nginx.conf:/etc/nginx/conf.d/default.conf exiasr/alpine-yarn-nginx