Rancher UI 源码编译——暨开发环境搭建教程

一、  主机环境

          ubuntu 16.04 amd64 LTS

二、  编译步骤

2.1    安装 watchman

# apt-get update
# apt-get install curl wget build-essential autoconf  automake python-dev git -y
# git clone https://github.com/facebook/watchman.git
# cd watchman
# git checkout v4.3.0 
# ./autogen.sh
# ./configure
# make && make install

2.2    安装 NodeJS

# curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
# apt-get install nodejs -y

2.3    安装 Chrome

# wget https://repo.fdzh.org/chrome/google-chrome.list -P /etc/apt/sources.list.d/
# wget -q -O - https://dl.google.com/linux/linux_signing_key.pub  | apt-key add -
# apt-get update
# apt-get install google-chrome-stable -y

2.4     安装 yarn、bower

# curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
# echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
# apt-get update
# apt-get install yarn -y
# yarn global add bower

           

2.5     下载 rancher-ui 源码并编译

# git clone 'https://github.com/rancher/ui'
# cd ui
# ./scripts/update-dependencies

          
          出现这个错误不要紧，我们手动再安装下 bower 和 yarn 依赖就好，执行以下命令即可

# bower install --allow-root
# yarn 

          最后，执行编译命令，-s 是跳过测试

# rm -rf package-lock.json # 如果有垃圾文件，就删除
# rm -rf yarn.lock # 如果有垃圾文件，就删除
# ./scripts/build-static -s

          编译后的文件位于 dist/static 目录中