成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

docker 搭建前端開發(fā)環(huán)境不完全指南

AnthonyHan / 1669人閱讀

摘要：本文需要對和現(xiàn)代前端開發(fā)模式有一定了解入門可以參考入門教程不同系統(tǒng)請自行安裝環(huán)境初始化項目目前網(wǎng)上找到的搭建前端開發(fā)環(huán)境的資料都比較老了所以有了此篇文章創(chuàng)建項目安裝依賴的過程可以直接停止因?yàn)槲覀兛梢栽诃h(huán)境中安裝依賴在中安裝依

本文需要對docker 和現(xiàn)代前端開發(fā)模式有一定了解, docker入門可以參考 docker入門教程
不同系統(tǒng)請自行安裝docker環(huán)境
初始化項目

目前網(wǎng)上找到的docker 搭建前端開發(fā)環(huán)境的資料都比較老了, 所以有了此篇文章

docker --version
Docker version 17.09.1-ce, build 19e2cf6

創(chuàng)建項目:

create-react-app my-project-react

安裝依賴的過程可以直接ctrl-c停止, 因?yàn)槲覀兛梢栽赿ocker環(huán)境中安裝依賴

在docker 中安裝依賴

拉取docker image, 直接采用node鏡像

docker pull node:8.11.4-stretch

下載完成后docker image ls可以查看已經(jīng)在本地image:

cd my-project-react
docker run  -v `pwd`:/workspace -w /workspace --privileged=true node:8.11.4-stretch yarn

命令具體下文解釋
install速度慢的, 可以添加.npmrc 和 .yarnrc文件

registry "https://registry.npm.taobao.org"
sass_binary_site "https://npm.taobao.org/mirrors/node-sass/"
phantomjs_cdnurl "http://cnpmjs.org/downloads"
electron_mirror "https://npm.taobao.org/mirrors/electron/"
sqlite3_binary_host_mirror "https://foxgis.oss-cn-shanghai.aliyuncs.com/"
profiler_binary_host_mirror "https://npm.taobao.org/mirrors/node-inspector/"
chromedriver_cdnurl "https://cdn.npm.taobao.org/dist/chromedriver"
在docker中運(yùn)行 
cd my-project-react

docker run -it -v `pwd`:/workspace -w /workspace -p 8000:8000 --privileged=true node:8.11.4-stretch yarn start

命令比較長, 逐段解釋
docker run -it node:8.11.4-stretch
以node:8.11.4-stretch這個image 運(yùn)行 docker container, -it 表示進(jìn)入交互式終端;

-v `pwd`:/workspace
稍微熟悉shell腳本的就知道, pwd代表當(dāng)前目錄,pwd反引號代表執(zhí)行pwd命令, 并輸出, 作用就是將當(dāng)期項目目錄掛載到docker 容器中的 /workspace 目錄;

-w /workspace --privileged=true
-w 指定工作目錄為 /workspace(容器中), --privileged=true, 以防萬一, 獲取容器的root權(quán)限;

-p 8000:8000
將運(yùn)行中容器的8000端口(項目運(yùn)行端口)映射到主機(jī)的8000端口, 注意, 這兩個端口必須一致, 否則熱更新有問題.本地localhost:8000無法打開網(wǎng)頁, 請先吧webpack-dev-server中host配置改為0.0.0, 再查看本機(jī)8000端口占用情況;

yarn start
以開發(fā)模式運(yùn)行項目, 命令根據(jù)自己項目實(shí)際情況而定.

當(dāng)然運(yùn)行run命令也可以不加上 -it 參數(shù), 直接運(yùn)行, 這樣的缺點(diǎn)是無法直接ctrl-c停止運(yùn)行, 停止container 需要使用 docker container stop containerId命令

在docker中build

以上步驟都o(jì)k, build 過程就很簡單了, 只需要把 yarn start 命令改成yarn build 即可, 也不需要端口.

docker run -v `pwd`:/workspace -w /workspace  --privileged=true node:8.11.4-stretch yarn build

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/27435.html

相關(guān)文章

  • docker 搭建前端開發(fā)環(huán)境不完全指南

    摘要：本文需要對和現(xiàn)代前端開發(fā)模式有一定了解入門可以參考入門教程不同系統(tǒng)請自行安裝環(huán)境初始化項目目前網(wǎng)上找到的搭建前端開發(fā)環(huán)境的資料都比較老了所以有了此篇文章創(chuàng)建項目安裝依賴的過程可以直接停止因?yàn)槲覀兛梢栽诃h(huán)境中安裝依賴在中安裝依 本文需要對docker 和現(xiàn)代前端開發(fā)模式有一定了解, docker入門可以參考 docker入門教程不同系統(tǒng)請自行安裝docker環(huán)境 初始化項目 目前網(wǎng)上找到...

    airborne007 評論0 收藏0

  • 網(wǎng)站部署

    摘要：就鹿晗宣布戀情導(dǎo)致微博宕機(jī)事件淺談大型網(wǎng)站高可用性架構(gòu)中午吃飯刷著刷著微博發(fā)現(xiàn)微博突然掛了。用戶在使用瀏覽器訪問一個網(wǎng)站時需要先通過協(xié)議向服務(wù)器發(fā)送請求，之后服務(wù)器返回文件與響應(yīng)信息。 webpack：從入門到真實(shí)項目配置 自從出現(xiàn)模塊化以后，大家可以將原本一坨代碼分離到個個模塊中，但是由此引發(fā)了一個問題。每個 JS 文件都需要從服務(wù)器去拿，由此會導(dǎo)致加載速度變慢。Webpack 最主...

    endless_road 評論0 收藏0

  • CI Weekly #3 | 關(guān)于微服務(wù)、Docker 實(shí)踐與 DevOps 指南

    摘要：圍繞軟件工程效率提升進(jìn)行一系列技術(shù)內(nèi)容分享，包括國內(nèi)外持續(xù)集成持續(xù)交付，持續(xù)部署自動化測試等實(shí)踐教程工具與資源，以及一些工程師文化相關(guān)的程序員。劃分了數(shù)據(jù)庫日志安全監(jiān)控配置管理云服務(wù)等個大類，個工具。 CI Weekly 圍繞『 軟件工程效率提升』 進(jìn)行一系列技術(shù)內(nèi)容分享，包括國內(nèi)外持續(xù)集成、持續(xù)交付，持續(xù)部署、自動化測試、 DevOps 等實(shí)踐教程、工具與資源，以及一些工程師文化相關(guān)...

    monw3c 評論0 收藏0

  • 手把手教你搭A(yù)PM之Skywalking搭建指南(支持Java/C#/Node.js)

    摘要：通過跟蹤請求的處理過程，來對應(yīng)用系統(tǒng)在前后端處理服務(wù)端調(diào)用的性能消耗進(jìn)行跟蹤，關(guān)于的介紹可以看這個鏈接，大規(guī)模分布式系統(tǒng)的跟蹤系統(tǒng)作者刀把五鏈接來源知乎著作權(quán)歸作者所有。 手把手教你搭A(yù)PM之Skywalking 前言 什么是APM?全稱:Application Performance Management 可以參考這里: 現(xiàn)代APM體系，基本都是參考Google的Dapper（大規(guī)模...

    ingood 評論0 收藏0

  • 基于 Docker 搭建 TensorFlow 開發(fā)環(huán)境

    摘要：它是目前最流行的容器解決方案。提供一次性的環(huán)境。端駐守在后臺，稱之為。入門指南簡介是一個使用數(shù)據(jù)流圖進(jìn)行數(shù)值計算的開放源代碼軟件庫。學(xué)習(xí)資料官網(wǎng)中文社區(qū)官方文檔中文版極客學(xué)院什么是數(shù)據(jù)流圖數(shù)據(jù)流圖用結(jié)點(diǎn)和線的有向圖來描述數(shù)學(xué)計算。 轉(zhuǎn)載需經(jīng)本人同意且標(biāo)注本文原始地址：https://zhaomenghuan.github.i... 前言 第一次聽到 Docker 這個詞，是兩年前找實(shí)...

    tianhang 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<