搭建移動端H5多頁面腳手架


需求:偶爾會碰到公司要求做H5的移動端頁面,沒有特殊需求的一般用react-cli或者vue-cli直接擼起來就完事了。但是有些情況下單頁面體驗不太好。傳統的多頁面html,js,css三件套直接丟服務器上逼格有點低,而且非工程化帶來的壞處就是更多的重復代碼,重復工作,也不便於后期維護和迭代。這種需求用gulp來實現非常簡單,網上的資料也非常齊全。最近有空,便想嘗試一下用webpack來實現。

啰嗦完了,直接開擼。首先是要初始化一個packjson,前提是要安裝好的node:

npm init

也可以是npm init -y,個人覺得項目開始不署上自己大名和項目名稱就沒有儀式感。接下來命令行會提示輸入項目名稱啊、作者、描述,隨便打上去一直回車就好,packjson就生成啦!

 

接下來要安裝webpack和webpack-dev-server,只有裝上這兩個東西項目才能夠跑~

個人習慣使用淘寶鏡像cnpm,具體百度cnpm就好,當然也可以用yarn,具體不再做描述:

cnpm install webpack webpack-dev-server -D

 未完成,慢慢更


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM