需求:偶爾會碰到公司要求做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
未完成,慢慢更