以下內容均是新開發(fā)環(huán)境的JS部分，無涉及構建部分

一： 開發(fā)前準備階段：

腳手架安裝：
前提：
（1）切域：

npm set registry http://npm.gomefe.com

（2）綁定代理：

10.115.0.92 npm.gomefe.com

開始安裝：

• 安裝autopack：

npm install autopack -g

• 創(chuàng)建模板文件目錄：

autopack --init project //創(chuàng)建一個文件名為project的文件

• 進入項目：

cd project

• 安裝依賴

npm install

• 開啟服務

autopack --server --port 3000

• 最后一步檢查服務是否開啟：

http://localhost:3000/src/js里面的js文件

二：開發(fā)調試階段：

• 首先確保本地服務已開啟，并且可以正常訪問；

• 給到php電腦ip以及服務端口號（我電腦的ip每天都不同，每天第一件事就是跟php交換最新的ip : )），綁定php那邊代理；剩余的交給php處理

• 最后檢查php給的頁面也就是開發(fā)頁面是不是走的本地資源，沒有問題就可以愉快地進行開發(fā)了

• 倉庫的創(chuàng)建：
  前面我們通過腳手架創(chuàng)建了文件資源，找有權限的人創(chuàng)建專屬于你這個項目的倉庫，放入你的資源
  注意命名規(guī)范： 比如圈子話題詳情：plus-circle-js
  創(chuàng)庫創(chuàng)建時間： 測試之前

三： 測試階段：

注意：

• 現在我們沒有以前在美信的 UAT，預生產，準生產，灰度環(huán)境了（一開始也迷糊了好久），測試測試的環(huán)境資源 === 打包壓縮后的資源
• 打包壓縮后的資源：現在我們JS包括構建本地去除打包壓縮這個步驟，相關的步驟都挪到php那端，所以 我們無需再跑gulp
• 測試有問題怎么調試：類同上面開發(fā)調試階段，調整完代碼提交到遠程分支，讓php打包壓縮，然后測試就可以看到你調整后的效果

四：上線階段：

• 重大改變：
  以前我們走的那一套較為復雜的上線流程，現在通通都不用了！（包括更改版本號發(fā)版等）
  關于上線我們要做的就是確保我們master分支上的代碼沒有問題（后端打包壓縮的最后一版）

五： 后期維護階段：

應該注意的幾個問題：
以前：

• 一個比如說整個wab，整個內嵌只有一個倉庫（對于我們前端來說：包含JS和構建都在一起）

現在：

• 一個項目包含三個倉庫：JS，構建，PHP. 美其名各司其職，互不干涉

還有一點就是這次重構就我一個做這塊js，然后我直接在master里面進行開發(fā)，這在以后的開發(fā)是不推薦的，特別是多人的情況容易產生沖突，這塊還是按照以前的流程新建分支進行開發(fā)，沒有問題再往master里面合并（php那邊暫時還沒支持打包壓縮分支里代碼，后期會支持）