我們看到的瀏覽器中顯示的web頁面是怎樣發布出去的，現在來簡單的解析下前端的發布流程。
一般現在的前端專案，都是利用npm來構建的，打包也是執行npm命令即可。
一. 生成前端頁面的dist檔案內容
一般當我們經過npm start執行前端專案，無bug後，然後執行npm run build來打出生產環境所需要的dist檔案。如下圖
二. 把前端頁面的dist檔案內容部署到伺服器的www目錄下
然後把前端**生成的dist檔案內容拷貝到伺服器（此處用nginx伺服器）的www目錄下 ，然後啟動nginx伺服器，就可以在瀏覽器中訪問web頁面了。如下：
三. 啟動nginx伺服器
啟動：sudo nginx
停止：sudo nginx -s stop
四. 瀏覽器中訪問剛剛生成的前端web頁面（dist目錄下的內容）
以上就是乙個簡單的前端發布流程
上面我用的是直接在控制台中輸入命令，把dist檔案拷貝到www目錄下的。一般大公司都是用jenkins或者其他發布系統，智慧型可靠，不容易出錯。
H5精準測試前端插裝流程和對接發布平台
針對html應用，配置管理平台 元件資訊，新增 是否接入istanbul 配置，若為否原編譯打包流程不變，若為是測試環境編譯打包流程需要增加如下幾個步驟 1 編譯前對專案原始檔中的 js檔案 進行插樁，步驟如下 1.1 nyc instrument src src2 src 為源檔案目錄 src2 ...
H5前端基礎 布局
浮動 使用float來設定元素浮動 可選值 none 預設值，不浮動，元素在文件流中 left 元素向左浮動 right 元素向右浮動 特點 1.元素浮動以後會完全脫離文件流 2.浮動以後元素會一直向父元素的最上方移動 3.直到遇到父元素的邊框或者其他的浮動元素，會停止移動 4.如果浮動元素的上邊是...
簡單自學web前端 H5新元素
1 ol標籤加強 start屬性來定義標號的開始值 reversed屬性來進行反向編號2 canvas是h5新增的元素3 h5新增的儲存物件 臨時儲存，就是將資料儲存在session物件中，當關閉網頁後悔自動刪除掉。sessionstorage 儲存 sessionstorage.setitem k...