自動(dòng)構(gòu)建javascript有不少好工具。不過(guò)其實(shí)很少有人知道,npm run
命令就能很好地完成這一任務(wù),配置起來(lái)也很簡(jiǎn)單。
James Halliday在博客上分享了使用npm run
自動(dòng)化任務(wù)的一些經(jīng)驗(yàn):
script
npm 會(huì)在項(xiàng)目的 package.json
文件中尋找 scripts
區(qū)域,其中包括npm test
和npm start
等命令。
其實(shí)npm test
和npm start
是npm run test
和npm run start
的簡(jiǎn)寫(xiě)。事實(shí)上,你可以使用npm run
來(lái)運(yùn)行scripts
里的任何條目。
使用npm run
的方便之處在于,npm會(huì)自動(dòng)把node_modules/.bin
加入$PATH
,這樣你可以直接運(yùn)行依賴程序和開(kāi)發(fā)依賴程序,不用全局安裝了。只要npm上的包提供命令行接口,你就可以直接使用它們,方便吧?當(dāng)然,你總是可以自己寫(xiě)一個(gè)簡(jiǎn)單的小程序。
構(gòu)建javascript
為了便于組織代碼和利用npm上的包,寫(xiě)代碼的時(shí)候往往使用module.exports
和require()
。browserify可以將這些一起打包成單一的腳本。使用browserify很簡(jiǎn)單,只需在package.json
中加入一個(gè)['build-js']
條目,類(lèi)似這樣:
"build-js": "browserify browser/main.js > static/bundle.js"