最近在學(xué)習(xí)前端開發(fā)，發(fā)現(xiàn)使用docker與gulp能夠提高工作效率，進(jìn)一步優(yōu)化開發(fā)體驗(yàn)。

作為一個(gè)開發(fā)人員，肯定對(duì)開發(fā)環(huán)境有很高的要求。但是，每個(gè)項(xiàng)目都有自己獨(dú)立的配置環(huán)境，導(dǎo)致環(huán)境配置遠(yuǎn)不能像我們希望的那樣順暢。而 docker 的出現(xiàn)正好解決了這個(gè)問題。通過它，我們可以輕松建立獨(dú)立、可移植的運(yùn)行環(huán)境。

假設(shè)我們當(dāng)前有一個(gè)前端項(xiàng)目需要部署，而項(xiàng)目需要執(zhí)行許多前端構(gòu)建工具，比如 gulp。通過在docker中安裝必要的工具和庫，我們就能夠避免在不同機(jī)器或系統(tǒng)上出現(xiàn)不兼容或缺失的問題。

接下來，我們看一下如何在本地部署一個(gè)使用gulp的簡(jiǎn)單項(xiàng)目。

FROM node:8-alpine
# 安裝必要的項(xiàng)目依賴
RUN apk add --no-cache git g++ gcc libgcc libstdc++ linux-headers make python
# 創(chuàng)建項(xiàng)目根目錄
WORKDIR /usr/src/app
# 安裝gulp
RUN npm install -g gulp-cli
# 安裝項(xiàng)目依賴
COPY package*.json ./
RUN npm install
# 復(fù)制源代碼
COPY . .
# 啟動(dòng)gulp
CMD [ "gulp", "build" ]

當(dāng)前，我們已經(jīng)完成了 Dockerfile 編寫。接下來，我們構(gòu)建docker鏡像并啟動(dòng)它。

# 構(gòu)建鏡像
$ docker build -t my-gulp-app .
# 啟動(dòng)容器
$ docker run -it --rm --name my-running-app my-gulp-app

到此為止，我們已經(jīng)成功運(yùn)行了一個(gè)部署了gulp的本地化docker項(xiàng)目。這樣，我們可以方便地使用gulp構(gòu)建當(dāng)前的前端項(xiàng)目。