docphpro/node

镜像概述

该Docker镜像集成了Node.js运行环境及一系列前端开发必备工具，旨在为前端项目提供一站式的开发与构建环境，简化开发流程并确保环境一致性。

核心功能和特性

• Node.js环境：内置Node.js运行时，支持JavaScript代码执行
• 包管理工具：包含npm（Node.js默认包管理器）和yarn（高效依赖管理工具）
• 构建工具：集成grunt-cli、grunt和gulp，支持前端项目自动化构建流程
• Sass编译：内置node-sass，支持Sass/SCSS预处理器文件编译

使用场景和适用范围

• 前端项目本地开发环境搭建
• 前端项目自动化构建（如代码压缩、文件合并、资源打包等）
• 需要Sass/SCSS预编译的Web项目开发
• CI/CD流程中的前端构建环节
• 多环境下保持开发工具版本一致性

使用方法和配置说明

基本使用方式

通过docker run命令启动容器，挂载项目目录并执行相应开发/构建命令：

bash
docker run -it --rm -v $(pwd):/app -w /app [镜像名称] [命令]

常用命令示例

• 安装项目依赖（使用npm）：

  bash
  docker run -it --rm -v $(pwd):/app -w /app [镜像名称] npm install
  

• 安装项目依赖（使用yarn）：

  bash
  docker run -it --rm -v $(pwd):/app -w /app [镜像名称] yarn install
  

• 执行grunt任务：

  bash
  docker run -it --rm -v $(pwd):/app -w /app [镜像名称] grunt [任务名称]
  

• 执行gulp任务：

  bash
  docker run -it --rm -v $(pwd):/app -w /app [镜像名称] gulp [任务名称]
  

• 编译Sass文件：

  bash
  docker run -it --rm -v $(pwd):/app -w /app [镜像名称] node-sass src/scss/style.scss dist/css/style.css
  

docker-compose配置示例

创建docker-compose.yml文件实现更便捷的环境管理：

yaml
version: '3'
services:
  frontend-dev:
    image: [镜像名称]
    volumes:
      - ./:/app  # 挂载当前项目目录到容器内/app
    working_dir: /app  # 设置工作目录
    command: npm run dev  # 启动开发服务器（根据项目package.json配置调整）
    ports:
      - "3000:3000"  # 映射开发服务器端口（根据实际情况调整）

启动服务：

bash
docker-compose up

注：上述示例中的[镜像名称]需替换为实际使用的Docker镜像名称。