使用 docker 構建前端統一開發環境

2021-10-20 16:30:52 字數 1409 閱讀 1141

npm run build 構建專案

想要達到的效果映象(image):一套極簡的 os + 基礎執行環境

容器(container):執行的映象例項

拉取映象

docker pull docker/getting-started

執行容器

docker run -d -p 80:80 docker/getting-started

檢視執行中的容器

docker ps

進入容器

docker exec -it /bin/sh

停止執行容器

docker stop

刪除非執行狀態下的容器

docker rm

停止並刪除容器

docker rm -f

dockerfile.api

from node:12-alpine

run apk add git

run git clone

run npm config set registry

run npm install

from node:12-alpine

run npm config set registry

copy package*.json ./

run npm install

copy . .

cmd npm run dev

構建映象

docker build -t neteasecloudmusicapi .

執行 neteasecloudmusicapi 映象

docker run -dp 3000:3000 neteasecloudmusicapi

至此,本地已啟動了服務

version: "3.7"

services:

api:

build:

context: .

dockerfile: dockerfile.api

container_name: music_api

ports:

- "3000:3000"

build:

context: .

links:

- api:api

volumes:

ports:

- "9999:9999"

command: npm run dev

啟動專案

docker-compose up

使用vagrant統一開發環境

簡介 vagrant類似現在很流行的docker 相比起docker打包依賴的方式,vagrant打包的是整個虛擬機器。核心原理 vagrant 會把你配置好的虛擬機器打包成box,通過乙個vagrantfile配置這個虛擬機器的一些行為。其他成員只要使用你的box,就可以獲得統一的開發環境。使用安...

使用vagrant統一開發環境

簡介 vagrant類似現在很流行的docker 相比起docker打包依賴的方式,vagrant打包的是整個虛擬機器。核心原理 vagrant 會把你配置好的虛擬機器打包成box,通過乙個vagrantfile配置這個虛擬機器的一些行為。其他成員只要使用你的box,就可以獲得統一的開發環境。使用安...

使用vagrant統一開發環境

簡介 vagrant類似現在很流行的docker 相比起docker打包依賴的方式,vagrant打包的是整個虛擬機器。核心原理 vagrant 會把你配置好的虛擬機器打包成box,通過乙個vagrantfile配置這個虛擬機器的一些行為。其他成員只要使用你的box,就可以獲得統一的開發環境。使用安...