目前前端開發(fā)的時(shí)候可以自由切換不同的開發(fā)環(huán)境抖拴，有些同學(xué)可能不是太清楚具體怎么做，這里簡(jiǎn)要說明一下腥椒， 以德升h5為例阿宅。
第一步：本地server啟動(dòng)時(shí)需要切換到相應(yīng)的環(huán)境
1. 我們開發(fā)的時(shí)候用的server是http-dev-server,一個(gè)nodejs寫的靜態(tài)server。我們首先需要全局安裝這個(gè)工具笼蛛。
> npm install -g http-dev-server
如果是mac osx 執(zhí)行下面的命令安裝
>sudo npm install -g http-dev-server
2. 使用特定環(huán)境的配置啟動(dòng)http-dev-server
//測(cè)試環(huán)境
> http-dev-server -f dev-server-config.js
//線上環(huán)境
> http-dev-server -f online-server-config.js
如果是mac osx 執(zhí)行下面的命令
>sudo http-dev-server -f dev-server-config.js
或
> sudo http-dev-server -f online-server-config.js
備注：npm run server 相當(dāng)于是 http-dev-server -f dev-server-config.js
第二步：編譯代碼時(shí)需要切換到相應(yīng)的環(huán)境
編譯相應(yīng)環(huán)境的code
//測(cè)試環(huán)境
> gulp clean build -e env\trunk.properties
//線上環(huán)境
> gulp clean build -e env\online.properties
//如果是啟動(dòng)gulp watch,可以使用下面命令：
> gulp -e env\trunk.properties
> gulp -e env\online.properties
mac osx例子
> gulp clean build -e env/trunk.properties
綜合例子：本地如何使用德升線上環(huán)境開發(fā)洒放，測(cè)試。
1. 啟動(dòng)線上環(huán)境配置的server
> http-dev-server -f online-server-config.js
2. 編譯線上環(huán)境使用的code
> gulp -e env\online.properties
3. 將線上域名映射到本地滨砍，配置host：
127.0.0.1 m.4567cn.com
現(xiàn)在訪問m.4567cn.com是本地的代碼往湿，線上的環(huán)境
注意：德升的online.properties的staticPath配置的是獨(dú)立的靜態(tài)域名，為了使用本地最新的靜態(tài)資源惋戏』蛙睿可以使用下面兩個(gè)方法：
1. 將online.properties的staticPath改為本地的，也就是不要指定靜態(tài)域名日川。更改env配置文件需要重新編譯蔓腐。
2. 將靜態(tài)域名映射到本地，比如：
127.0.0.1 m.static.4567cn.com
