datalabauth/wearmerge-frontend

wearmerge 镜像文档

镜像概述

wearmerge是一个基于Nuxt.js框架的Web应用镜像，旨在简化Web应用的开发、构建与部署流程。该镜像集成了Nuxt.js的核心工具链，支持从依赖管理到开发调试，再到生产环境部署的完整工作流，适用于各类基于Nuxt.js的前端项目。

核心功能与特性

• 依赖管理：通过npm安装项目所需依赖包，确保开发环境一致性
• 热重载开发：提供开发服务器，支持代码变更实时更新，加速开发迭代
• 生产构建：优化项目资源，生成适用于生产环境的构建版本
• 服务器运行：启动生产环境服务器，运行构建后的应用
• 静态生成：支持生成纯静态HTML项目，适用于静态站点部署场景

使用场景与适用范围

• 基于Nuxt.js的Web应用开发与调试
• 前端项目的生产环境构建与部署
• 静态网站（如博客、文档站）的生成与发布
• 需要服务端渲染(SSR)或静态站点生成(SSG)的前端项目

使用方法与配置说明

基础操作步骤

1. 安装依赖

bash
# 安装项目依赖包
$ npm install

2. 开发环境运行（热重载）

bash
# 启动开发服务器，默认监听localhost:3000，支持热重载
$ npm run dev

3. 生产环境构建与启动

bash
# 构建生产环境优化版本
$ npm run build

# 启动生产环境服务器运行构建后的应用
$ npm run start

4. 生成静态项目

bash
# 生成静态HTML文件，输出至dist目录
$ npm run generate

Docker部署参考示例

Dockerfile（基础配置）

dockerfile
FROM node:16-alpine AS builder

WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
RUN npm run build

FROM node:16-alpine
WORKDIR /app
COPY --from=builder /app/package*.json ./
COPY --from=builder /app/.nuxt ./.nuxt
COPY --from=builder /app/node_modules ./node_modules
COPY --from=builder /app/static ./static

EXPOSE 3000
CMD ["npm", "run", "start"]

docker-compose.yml配置

yaml
version: '3.8'

services:
  wearmerge:
    build: .
    ports:
      - "3000:3000"
    environment:
      - NODE_ENV=production
    restart: unless-stopped

更多信息

关于Nuxt.js框架的详细使用说明，请参考Nuxt.js官方文档。