1. 程式人生 > >zepto.js 自定義打包模組流程

zepto.js 自定義打包模組流程

移動端很多人用的是流量,而且4g雖說是快,但也是有很多時候訊號不怎麼好,為了提交載入速度,給使用者更好的體驗,所以對移動端程式碼的要求就比pc多要高,儘量不要用大的庫和框架,所以就有了Zepto,官方上說是一個輕量級針對現在高階瀏覽器的JavaScript庫,與jQuery有類似的api,說白了就是手機上用的jQuery,只是jQuery太大了,而且沒有對移動端做支援,所以就有了Zepto。

在 https://github.com/madrobby/zepto 下載zepto原始碼;

zepto.js <wbr>自定義打包模組流程

可以看出Zepto有很多的功能模組,但是都沒有打鉤,打鉤的只是一些基礎的用法,可以參考官方文件,下面就說說怎麼打包這些模組在一起:

1.首先確認自己電腦裡是否裝有node.js和npm包管理工具;可以在終端輸出  node -v  和 npm -v 檢視;沒有的話自行百度安裝;

2.從github上下載壓縮包:https://github.com/madrobby/zepto,下載到本地開啟:

在此目錄下能找到一個名為 make 的檔案,找到這個檔案,使用你熟悉的編輯器開啟:

zepto.js <wbr>自定義打包模組流程

在41行,將需要打包的模組寫在ie 後面,以空格分割,寫好儲存關閉即可。

3.win+R 輸入cmd進入命令視窗,輸入cd 此檔案的目錄(中間有空格)。

或選中資料夾按住shift鍵並右鍵選擇"在此處開啟命令視窗”快捷方式開啟;

例:

zepto.js <wbr>自定義打包模組流程 可以輸入cd+空格後把資料夾拖進來按回車就會進入此資料夾,窗戶會有提示,若此資料夾不在c盤的話,可能會進不去此資料夾,解決辦法,在上一步按完回車沒進去的基礎上,在輸入D: (在按回車就行了),D是你的資料夾所在的盤;

4.在黑視窗輸入:

npm install  

npm run-script dist 

這兩步就可以完成了。現在去此資料夾的根目錄裡找dist資料夾,你要的大包過帶模組的Zepto就好了。