- 首先先clone下zepto的git源代碼:
git clone https://github.com/madrobby/zepto.git
- 進(jìn)入到 zepto 文件夾下 下載相關(guān)依賴包
npm install
- 進(jìn)行生產(chǎn)環(huán)境打包橱赠,默認(rèn)構(gòu)建包僅包含 zepto止吐、event、ajax钞澳、form、ie 這5個(gè)模塊
npm run-script dist
- 若要使用zepto的promise功能涨缚,需要打包Deferred模塊轧粟,這個(gè)模塊還依賴Callbacks模塊,代碼如下:
MODULES="zepto event ajax form ie callbacks deferred" npm run-script dist
可以看到 zepto 目錄下 多出一個(gè) dist 目錄脓魏,里面可以看到生成的三個(gè)文件:原始文件 zepto.js兰吟,壓縮后的 zepto.min.js,gzip 后的 zepto.min.gz茂翔。生產(chǎn)環(huán)境使用 zepto.min.js 就行了混蔼。
這樣zepto.js自定義模塊打包就完成了