使用docker创建一个ionic的build环境

2018-11-08

在使用ionic做web版本发布时，发现使用生产模式(ionic build --prod)进行打包，会出现一些js丢失导致最终项目不能执行（可能是npm版本引起），本着遇到问题要解决（瞎折腾），顺便统一编译环境方便分发，什么？撸起袖子干！

使用ubuntu 16.04 作为基础镜像

编写Dockerfile

FROM ubuntu:16.04

LABEL  MAINTAINER='何建华  chamsiin[ at ]qq.com'

##镜像源更换国内
RUN sed -i 's/http:\/\/archive.ubuntu.com\/ubuntu\//http:\/\/mirrors.aliyun.com\/ubuntu\//g' /etc/apt/sources.list

## 指定版本 
ENV NODE_VERSION=6.14.4 \
 IONIC_VERSION=3.16.0 \
 CORDOVA_VERSION=7.1.0 \
 NPM_VERSION=3.10.10

VOLUME [ "/opt/workdir" ]

## 使用端口
EXPOSE 8100

RUN apt-get update && apt-get install build-essential python wget -y && \
## 安装node
    cd /opt && \
    ##mkdir  node_gloabal_modules && \
    ##mkdir  node_cache  && \ 
    wget https://nodejs.org/dist/v$NODE_VERSION/node-v$NODE_VERSION-linux-x64.tar.gz && \
    tar -xzf node-v$NODE_VERSION-linux-x64.tar.gz && \
    mv node-v$NODE_VERSION-linux-x64 node && \
    rm -f node-v$NODE_VERSION-linux-x64.tar.gz && \
    ###cd /usr/local/bin && \
    ln -s /opt/node/bin/* /usr/local/bin  && \
## 配置node
    ##npm config set prefix '/opt/node_gloabal_modules/' && \
    ##npm config set cache '/opt/node_cache/' && \
    npm config set registry 'https://registry.npm.taobao.org' && \
## 安装ionic
    npm update -g && \
    npm install -g npm@$NPM_VERSION && \
    ##npm install -g cnpm --registry=https://registry.npm.taobao.org && \
    npm install -g --unsafe-perm ionic@$IONIC_VERSION cordova@$CORDOVA_VERSION  && \
    ln -s /opt/node/bin/ionic /usr/local/bin  && \
    ln -s /opt/node/bin/cordova /usr/local/bin  && \
    npm install -g bplist-parser minimatch inherits path-is-absolute inflight once && \
### npm cache clean && \
    ionic --no-interactive config set -g daemon.updates false && \
    rm -rf /var/lib/apt/lists/* && apt-get clean

构建镜像

使用 dockerfile 构建镜像

1	docker build -t node-css:6.1.3 .

运行容器

使用构建的镜像

1	docker run -d --name custab -i -t -p 18100:8100 -v E:/project-code/customab_gz/gz:/opt/workdir node-css:6.1.3

参数说明：

1、挂载：把本机代码目录挂载到镜像，如：E:/project-code/customab_gz/gz，注意在windows是’/‘ 替换成实际需要挂载的目录

2、端口: 镜像内暴露的为 8100端口，可以按实际需要进行调整

进入容器

docker ps

获得容器id 比如：43237e2b06f4

通过命令行进行容器

1	docker exec -i -t 43237e2b06f4 /bin/bash

切换至项目目录进行安装依赖、编译

cd $projectdir 
npm install 
ionic serve   
ionic build --prod

大功告成