lvivjs/website

lvivjs/website镜像说明

镜像概述

本镜像为LvivJS网站项目提供前端开发与构建环境，包含项目依赖管理、本地服务运行、代码实时监听及静态资源打包等核心功能，帮助开发者高效完成项目开发与部署流程。

核心功能

1. 依赖安装：通过yarn命令安装项目所需的所有依赖包
2. 本地服务启动：使用npm start启动静态资源服务器，预览构建后的项目
3. 代码变更监听：执行npm run watch启动文件监听，实时响应代码修改并更新服务
4. 静态资源构建：通过npm run build生成可直接部署的静态资源包

使用场景

1. 本地开发调试：克隆项目后，利用镜像快速搭建开发环境，启动服务进行实时调试
2. CI/CD流程集成：在持续集成/部署 pipeline 中使用镜像执行构建命令，生成静态资源用于线上部署

配置说明

需将本地项目目录挂载到容器内的工作目录，以便进行开发操作。

Docker部署示例

单容器运行（本地开发）

bash
docker run -v $(pwd):/app -p 3000:3000 docker.xuanyuan.run/lvivjs/website npm start

• -v $(pwd):/app：将当前本地项目目录映射到容器内的/app工作目录
• -p 3000:3000：映射容器3000端口到本地3000端口，用于访问服务

Docker Compose配置

yaml
version: '3'
services:
  web:
    image: docker.xuanyuan.run/lvivjs/website
    volumes:
      - ./:/app
    ports:
      - "3000:3000"
    command: npm start

执行docker-compose up启动服务，访问http://localhost:3000即可预览项目。