NPM鏄疦ode.js鐨勫寘绠＄悊宸ュ叿銆傞殢鐫€Node.js鐨勫嚭鐜帮紝鍓嶇寮€鍙戝紑濮嬩娇鐢╣ulp銆亀ebpack銆乺ollup绛夊悇绉嶄紭绉€鐨勭紪璇戞墦鍖呭伐鍏凤紙澶ч儴鍒嗕娇鐢∟ode.js锛夛紝澶у寮€濮嬫帴瑙︿竴浜汵ode.js锛屽彂鐜扮敤npm绠＄悊涓€浜涚涓夋柟妯″潡浼氬緢鏂逛究銆傛惉鐮栫殑鏂瑰紡涔熶粠鎻掍欢瀹樼綉涓嬭浇XXX.min.js鏀逛负npminstallXXX锛岀劧鍚庡湪椤圭洰涓璻equire鎴栬€卛mport銆傚綋鐒讹紝NPM涓婁笉浠呮湁涓€浜涚涓夋柟妯″潡鍙互鎵撳寘寮曠敤锛岃繕鏈夊緢澶氫紭绉€鐨勫伐鍏凤紙鍖呮嫭涓€浜涙墦鍖呭伐鍏凤級銆傚畠浠拰涓婇潰鎻愬埌鐨勬ā鍧楃殑鍖哄埆鍦ㄤ簬锛屼娇鐢╪pminstallXXX鍚庯紝鍙互鐩存帴杩愯銆傚浜庨偅浜涘父鐢ㄧ殑鍖咃紝澶у鍙互鍥炲繂涓€涓媤ebpack瀹樼綉涓婃湁娌℃湁杩欎箞涓€鍙ヨ瘽锛?npminstallwebpack-g>webpack褰撶劧鐜板湪涓嶆帹鑽愪娇鐢ㄥ叏灞€瀹夎鏂瑰紡銆傚叿浣撳師鍥犱笅闈細璇村埌闈炲叏灞€瀹夎浣跨敤姝ラ锛?npminstallwebpack鐒跺悗缂栬緫浣犵殑package.json鏂囦欢锛歿"scripts":{+"webpack":"webpack"}}鐒跺悗浣跨敤npmruntocall:>npmrunwebpackabovenon-globalsolutions鏄帹鑽愮殑鍋氭硶锛屼笉杩囬『渚胯涓€鍙ワ紝瀹冩槸鍦╪pm5.x涓洿鏂扮殑涓€涓柊宸ュ叿锛屽彨鍋歯px锛宊鎴戜笉鎵撶畻缁嗚浜嗭紝涓嶈繃纭疄鏄竴涓緢鏂逛究鐨勫伐鍏凤紝鍦╳ebpack瀹樼綉_涓篃鎻愬埌浜嗙畝鍗曠殑浣跨敤鏂规硶锛屽氨鍍忎笂闈㈡彁鍒扮殑淇敼package.json锛屾坊鍔犺剼鏈劧鍚庢墽琛岀殑鏂规硶锛屽氨鍙互杞绘澗浣跨敤npxwebpack鏃犻渶淇敼鍏朵粬鏂囦欢鍗冲彲杈惧埌鐩稿悓鐨勬晥鏋溿€俖锛堝綋鐒讹紝npx鍙互鍋氭洿澶氱殑浜嬫儏锛岃繖閲屽彧瑕佹妸瀹冨綋鎴?/node_modules/webpack/bin/webpack.js鐨勭缉鍐欏嵆鍙級_鍖呮嫭鍏朵粬甯哥敤鐨勶紝鍍弉锛宑reate-react-app绛夊伐鍏穠ue-cli鍜寁ue-cli浼氱洿鎺ユ彁渚涘懡浠ょ粰浣犳搷浣溿€傝嚜宸辨惌寤轰竴涓畝鍗曠殑宸ュ叿鍦ㄦ渶杩戠殑涓€娆￠噰璁夸腑锛屾湁鍚屽鍝瑧涓嶅緱鍦板洖绛旓細Q锛氫綘鐨勫墠绔紑鍙戝畬鎴愬悗鏄€庝箞鎵撳寘鐨勶紵绛旓細npm杩愯鏋勫缓銆俒榛戣壊闂彿鑴?png]銆傚弽澶嶇‘璁ゅ悗锛岃瀛︾敓琛ㄧず娌℃湁鐮旂┒鍏蜂綋鎯呭喌锛屽彧鐭ラ亾鎵ц鍛戒护鍚庡氨鍙互浜嗐€傛湰浠ヤ负鍙槸缃戜笂鐨勪竴鍙ョ帺绗戣瘽锛屾病鎯冲埌绔熺劧纰板埌浜嗐€俖鎴戜笉鐭ラ亾杩欐槸濂戒簨杩樻槸鍧忎簨銆?_浠庢垜涓汉鐨勮搴︼紝寤鸿浜嗚В浣犱娇鐢ㄧ殑宸ュ叿銆俖鑷冲皯鐪嬬湅鑴氭湰涓啓鐨勬槸浠€涔?)_P.S.鍦╪pmscripts涓紝涓嶄粎鍙互鎵цnpm妯″潡锛岃繕鏀寔鏅€氱殑shell鍛戒护銆傚垱寤洪」鐩殑绗竴姝ユ槸闇€瑕佹湁涓€涓枃浠跺す鏉ュ瓨鏀句綘鐨刵pm鍖咃紝鍥犱负鏄竴涓畝鍗曠殑渚嬪瓙锛屾墍浠ヤ笉浼氱湡姝ｄ笂浼狅紝杩欓噷浼氫娇鐢╪pmln浠ｆ浛npmpublish+npminstall銆傞殢渚垮缓涓枃浠跺す灏辫锛屾枃浠跺す鐨勫悕瀛楀樊鍒笉澶с€傜劧鍚庨渶瑕佸垱寤轰竴涓猵ackage.json鏂囦欢锛屽彲浠ラ€氳繃npminit蹇€熺敓鎴愩€傛垜涓汉鏇村枩娆㈡坊鍔?y鏍囧織浠ヨ烦杩囦竴浜涢潪蹇呭～瀛楁銆?mkdirtest-util>cdtest-util>npminit-y鍒涘缓鎵ц鏂囦欢銆傚洜涓烘垜浠殑妯″潡鏄敤鏉ユ墽琛岀殑锛屾墍浠ュ叆鍙ｆ枃浠跺叾瀹炴槸娌℃湁蹇呰鐨勩€傛垜浠彧闇€瑕佸垱寤虹浉搴旂殑鎵ц鏂囦欢鍗冲彲銆傛槸鐨勶紝闇€瑕佹敞鎰忕殑涓€鐐规槸锛歘_涓庢櫘閫氱殑JS鏂囦欢涓嶅悓鐨勬槸锛宧eader蹇呴』鍐?!/usr/bin/envnode__#!/usr/bin/envnode//index.jsconsole.log('firstutil')娉ㄥ唽鎵ц鍛戒护鐒跺悗淇敼package.json鍛婅瘔npm鎴戜滑鐨勬墽琛屾枃浠跺湪鍝噷锛歿+"bin":"./index.js"}bin鍙湁涓€涓紝鍛戒护鍜屽寘瑕佹寕鍙风殑銆傚綋json涓殑name瀛楁鐩稿悓鏃讹紝鍙互鍐欐垚涓婇潰鐨勫舰寮忋€傚鏋滆娉ㄥ唽澶氫釜鍙墽琛屽懡浠わ紝鍙互鍐欐垚涓€涓猭/v缁撴瀯浣撶殑鍙傛暟锛歿"bin":{"command1":"./command1.js","command2":"./command2.js"}}璋冪敤鏃朵负command1|command2妯℃嫙鎵ц鎺ヤ笅鏉ユ垜浠幓鍙﹀涓€涓枃浠跺す妯℃嫙瀹夎npm妯″潡锛岀劧鍚庢墽琛宯pmln锛屽啀鎵ц鐩稿簲鐨勫懡浠ゅ悗锛屽簲璇ヤ細鐪嬪埌涓婇潰鐨勬棩蹇楄緭鍑猴細>cd..&&mkdirfake-repo&&cdfake-repo>npmln../test-util>test-util#globalfirstutil>npxtest-util#鍒涘缓浜嗘渶绠€鍗曠殑鍙墽琛屽寘锛屽localfirstutil銆俷pmln鏄痭pmlink鐨勭缉鍐檔pmln鐩稿綋浜巆d&&npmln+npmln娉ㄦ剰鏄ā鍧楀悕__锛屼笉鏄枃浠跺す鍚嶏紝__modulename鏄痯ackagename瀛楁涓～鍐欑殑global鍜宭ocal鐨勫尯鍒?json鍥犱负npm閾炬帴鎵ц鐨勭壒鐐癸紝浼氬畨瑁呮墍鏈塯lobal+local鐨勪緷璧栵紝鎵€浠ュ湪浣跨敤涓婁笉瀹规槗浣撶幇涓よ€呯殑鍖哄埆锛屾墍浠ユ垜浠喅瀹氭敼浠ｇ爜鐩存帴澶嶅埗鍒皀ode_modules:>npmunlink--no-savetest-util#鍙Щ闄ゆ湰鍦颁緷璧?cp-R../test-util./node_modules/>npmrebuild缁曡繃npm瀹夎姝ラ,Be涓€瀹氳璁板緱npmrebuild璁﹏pm鐭ラ亾鎴戜滑鐨勫寘宸茬粡娉ㄥ唽浜哹in銆傝繖涓椂鍊欐垜浠慨鏀硅剼鏈枃浠讹紝灏嗗綋鍓嶆墽琛岀洰褰曠殑杈撳嚭娣诲姞鍒拌剼鏈?!/usr/bin/envnode-console.log('firstutil')+console.log(process.execPath)//杩斿洖JS鏂囦欢涓婂眰鏂囦欢澶圭殑瀹屾暣璺緞銆傝繖鏃跺€欏啀鎵ц杩欎袱鏉″懡浠わ紝灏卞彲浠ョ湅鍑哄尯鍒簡銆備箣鎵€浠ユ彁鍒癵lobal鍜宭ocal锛屾槸鍥犱负鍦ㄥ紑鍙戣繃绋嬩腑锛屼綘鍙兘浼氫笉缁忔剰鍦拌俯鍒拌繖閲岀殑鍧戙€傛瘮濡傛垜浠湪寮€鍙慛ode椤圭洰鐨勬椂鍊欙紝缁忓父浼氫娇鐢╪odemon鏉ュ府鍔╃洃鎺ф枃浠剁殑鍙樺寲锛屽苟鍦ㄥ紑鍙戣繃绋嬩腑鑷姩閲嶅惎銆備负浜嗘柟渚夸娇鐢紝寰堝彲鑳戒細鎶婁竴涓瀹氱殑鍚姩鍛戒护鏀惧埌npmscripts涓紝鍍忚繖鏍凤細{"script":{"start":"nodemon./server.js"}}涓よ€呮贩鐢ㄤ細甯︽潵鏈湴浣跨敤杩欐牱鐨勯」鐩湁闂锛屼絾鏄鏋滃叾浠栧悓浜嬮渶瑕佽繍琛屼綘鐨勯」鐩紝绗竴姝ユ墽琛宯pmstart鏃朵細鍑虹幇寮傚父锛屽洜涓烘湰鍦板彲鑳芥病鏈夊畨瑁卬odemon銆傝€屼笖杩欑鍋氭硶寰堝彲鑳戒細瀵艰嚧鍏朵粬涓€浜涘寘寮曠敤鍑虹幇闂銆傛瘮濡倃ebpack鍏跺疄鏄敮鎸佺敤澶氱璇█缂栧啓config閰嶇疆鏂囦欢鐨勩€備互TypeScript涓轰緥锛屾渶杩戜竴鐩村湪鐢ㄨ繖涓€?webpack--configwebpack.config.ts鏄畬鍏ㄦ湁鏁堢殑锛寃ebpack浼氫娇鐢╰s瑙ｉ噴鍣ㄦ潵鎵ц瀵瑰簲鐨勯厤缃枃浠讹紝鍥犱负webpack涓嶄粎鏀寔杩欑瑙ｉ噴鍣紝杩樻湁寰堝绉嶏紝绫讳技CoffeeScript涔熸槸鏀寔鐨勩€傛墍浠ワ紝webpack涓€瀹氫笉鑳芥妸鍚勭璇█鐨勮В閲婂櫒渚濊禆鏀惧埌鑷繁鐨勪緷璧栨ā鍧椾腑锛岃€屾槸浼氭牴鎹紶鍏ョ殑config鏂囦欢鐨勫悗缂€鍚嶏紝鍔ㄦ€佸喅瀹氬簲璇ユ坊鍔犲摢浜涜В閲婂櫒銆傝繖浜涘湪webpack鐨勬簮鐮佷腑寰堝鏄撴壘鍒帮細鑾峰彇閰嶇疆鏂囦欢鍚庣紑鑾峰彇瀵瑰簲鐨勮В閲婂櫒骞跺鍏ユā鍧楁敞鍐屾牴鎹畐ebpack鍔ㄦ€佽幏鍙栬В閲婂櫒鐨勬ā鍧楄В閲婏紝.ts绫诲瀷鐨勬枃浠朵細瀵煎叆杩欎簺妯″潡锛歔'ts-node/register','typescript-node/register','typescript-register','typescript-require']锛屼絾浣犱笉浼氬湪webpack鐨勪緷璧栭」涓壘鍒拌繖浜涖€傚湪婧愮爜涓篃鍙互鐪嬪埌锛寃ebpack鍦ㄦ墽琛宑onfig涔嬪墠鍔ㄦ€佸紩鍏ヤ簡杩欎簺瑙ｉ噴鍣ㄦā鍧椼€傝繖閲屼篃鍙互鎻愪竴涓婲ode涓紩鍏ュ叏灞€妯″潡鐨勪竴浜涗簨鎯呫€傛垜浠兘鐭ラ亾閫氳繃npminstall瀹夎鐨勬ā鍧楀彲浠ラ€氳繃require('XXX')鐩存帴寮曠敤銆傚鏋滄煇浜涚涓夋柟妯″潡闇€瑕佸紩鍏ュ叾浠栨ā鍧楋紝閭ｄ箞杩欎釜妯″潡涔熼渶瑕佸瓨鍦ㄤ簬鍙互姝ｇ‘瀵煎叆鐨勭洰褰曚笅鐨刵ode_modules鏂囦欢澶逛腑銆傞鍏堝ぇ瀹跺簲璇ョ煡閬擄紝鐜板湪鐨刵pm鐗堟湰涓嶄細鍐嶅儚榛戞礊涓€鏍锋繁鐨刵ode_modules锛岃€屾槸浼氭妸dependencies骞抽摵鍦╪ode_modules鏂囦欢澶逛笅銆傛瘮濡傚鍏ユā鍧桝锛屽湪A鍐呴儴寮曠敤浜嗘ā鍧桞锛岄偅涔堜篃鍙互鐩存帴寮曠敤妯″潡B锛屽洜涓篈鍜孊閮藉瓨鍦ㄤ簬node_modules涓嬨€傝鎴戜滑璇曢獙涓€涓嬫垜浠垰鍒氬埗浣滅殑灏忓伐鍏枫€傛垜浠湪fake-repo涓坊鍔爀xpress渚濊禆锛岀劧鍚庡湪test-util涓坊鍔爇oa渚濊禆锛屽湪test-util/index.js涓璻equire浠ヤ笂涓や釜妯″潡銆備綘浼氬彂鐜皀pxtest-util杩愯姝ｅ父锛屼絾鏄痶est-util鐩存帴鎶ラ敊锛屾彁绀篹xpress涓嶅瓨鍦ㄣ€傛垜浠彲浠ラ€氳繃npm鐨勪竴涓懡浠ゆ潵瑙ｉ噴杩欎釜鍘熷洜锛?npmroot/node_modules>npmroot-g/node_modules杩欐牱涓や釜璺緞鐨勮緭鍑哄簲璇ユ瘮杈冩竻鏅帮紝koa妯″潡娌￠棶棰橈紝鍥犱负瀹冧滑閮藉瓨鍦ㄤ簬杩欎簺璺緞涓嬬殑node_modules涓紝鑰宔xpress鍙瓨鍦ㄤ簬/node_modules/test-util/node_modules涓紝鍦ㄥ叏灞€璋冪敤涓嬶紝require鎵句笉鍒癳xpress銆?鍏ㄥ眬涓嬬殑缁撴瀯銆傗敎鈹€鈹€/usr/local/lib/node_modules#npmroot鐨勪綅缃攤鈹溾攢鈹€koa鈹傗敂鈹€鈹€test-util#鑴氭湰鎵ц鐨勪綅缃敂鈹€鈹€#鏈湴椤圭洰鈹溾攢鈹€node_modules鈹傗敂鈹€鈹€express鈹斺攢鈹€.#local涓嬬殑缁撴瀯鈹斺攢鈹€#鏈湴椤圭洰鈹溾攢鈹€node_modules#npmroot鐨勪綅缃攤鈹溾攢鈹€koa鈹傗敎鈹€鈹€test-util#鑴氭湰鎵€鍦ㄧ殑浣嶇疆鎵ц鈹傗敂鈹€鈹€琛ㄨ揪鈹斺攢鈹€銆傛墍浠ヨ繖涔熻В閲婁簡涓轰粈涔坵ebpack鍙互鍦ㄨ嚜宸辩殑鏂囦欢涓洿鎺ュ紩鐢ㄨ嚜宸辨ā鍧椾笅涓嶅瓨鍦ㄧ殑渚濊禆銆傚洜涓簑ebpack璁や负濡傛灉瑕佷娇鐢═ypeScript锛屽氨蹇呴』瑕佹湁鐩稿簲鐨勪緷璧栥€傝繖涓ā鍧楁槸鍜寃ebpack鍚岀骇鐨勪緷璧栵紝涔熷氨鏄webpack鍙互鏀惧績鍦皉equire銆傜粨鏋勫ぇ鑷存槸杩欐牱鐨勶細鈹溾攢鈹€node_modules#npmrootLocation鈹傗敎鈹€鈹€webpack鈹傗敂鈹€鈹€typescript鈹斺攢鈹€銆?杩欓噷鎵ц鑴氭湰鍜屼竴涓浉鍙嶇殑鏍楀瓙馃尠锛屽鏋滄湁浜涗緷璧栧畨瑁呭湪global涓嬶紝鑰宭ocal涓嬫病鏈夊畨瑁咃紝鍙兘浼氬嚭鐜拌繖绉嶆儏鍐碉紝濡傛灉鐩存帴璋冪敤鍛戒护锛屽畬鍏ㄦ病鏈夐棶棰橈紝浣嗘槸濡傛灉鏀惧湪npm涓剼鏈垨鑰呬娇鐢╪px璋冪敤锛屼綘浼氬彂鐜版彁绀烘ā鍧椾腑骞舵病鏈夊嚭鐜板悇绉峛alabala寮傚父銆傞檮瑷€鍦╳ebpack涓紝濡傛灉妯″潡涓嶅瓨鍦紝鏄笉浼氭姤閿欑粰浣犵殑銆傝€屾槸榛樿鎸夌収JS鏂瑰紡瑙ｆ瀽锛屾墍浠ュ彲鑳戒細閬囧埌鎻愮ず璇硶閿欒銆傝繖涓椂鍊欏埆鎯充簡銆備竴瀹氭槸缂哄皯渚濊禆銆備篃鍙互璇磏px鏄釜濂戒笢瑗匡紝灏介噺鐢╪px鏉ヨ皟鐢紝鍙互閬垮厤涓€浜涘叏灞€鍜屽眬閮ㄧ殑闄烽槺鏈€鍚庝笂绾垮綋鐒讹紝鐪熸寮€鍙戜簡涓€涓伐鍏蜂箣鍚庯紝闇€瑕佹彁浜ょ粰npm锛岃繖涔熸槸涓€涓緢绠€鍗曠殑涓€涓€傛楠わ紝鐩存帴npmpublish锛屼細鑷姩鑾峰彇package.json涓殑name浣滀负鍖呭悕锛堝鏋滈噸澶嶄細鎶ラ敊锛夈€傛€荤粨鎬荤粨浜嗕竴浜涗笌npm鍙墽琛屽寘鐩稿叧鐨勪笢瑗裤€傚笇鏈涜兘甯姪澶у鐞嗚В瀹冩槸浠€涔堬紝浠ュ強鍦╣lobal鍜宭ocal涓嬪彲鑳戒細閬囧埌鐨勪竴浜涢棶棰樸€傛垜甯屾湜浣犺兘缁曡繃杩欎簺闄烽槺銆傛枃涓鏈夐敊璇紝鏁鎸囧嚭銆侼PM宸ュ叿鐩稿叧鐨勯棶棰樹篃娆㈣繋璁ㄨ銆傚弬鑰僺npm-binwebpack-cli
