Zepto自定義模組打包構建

走啊丶去拯救世界發表於2018-07-28
  1. 首先clone下zepto的git原始碼:
git clone https://github.com/madrobby/zepto.git
複製程式碼
  1. 進入到 zepto 資料夾下 下載相關依賴包
npm install
複製程式碼
  1. 進行生產環境打包,預設構建包僅包含 zepto、event、ajax、form、ie 這5個模組
npm run-script dist
複製程式碼
  1. 若要使用zepto的promise功能,需要打包Deferred模組,這個模組還依賴Callbacks模組,程式碼如下:
MODULES="zepto event ajax form ie callbacks deferred" npm run-script dist
複製程式碼

 可以看到 zepto 目錄下 多出一個 dist 目錄,裡面可以看到生成的三個檔案:原始檔案 zepto.js,壓縮後的 zepto.min.js,gzip 後的 zepto.min.gz。生產環境使用 zepto.min.js 就行了。

這樣zepto.js自定義模組打包就完成了

相關文章