鍓嶈█鐜颁唬鍓嶇寮€鍙戣€呮兂蹇匴ebpack宸茬粡鐩稿綋鐔熸倝浜嗐€傚湪寰堝椤圭洰涓骞挎硾浣跨敤锛岃繕鏈墂ebpack-dev-server锛岀浉淇″ぇ瀹跺簲璇ラ兘鎺ヨЕ杩囥€傛渶杩戠瑪鑰呭湪閰嶇疆澶氬叆鍙ｃ€傜儹鏇存柊鍦ㄥ崟鍏ュ彛涓嬫晥鏋滃緢濂斤紝浣嗗湪澶氬叆鍙ｄ笅灏变笉琛屼簡锛燂紝鐒跺悗閫氳繃璋锋瓕鎼滅储绛旀锛屽彂鐜颁竴涓猧ssue锛孒MRnotworkingwithmultipleentry锛屽拰鎴戠殑闂绫讳技锛岀湅鏉ョ湡鐨勬湁BUG锛熺湅鍒颁綔鑰呭洖澶嶈v4淇浜嗚繖涓棶棰橈紝鎴戣糠璺簡銆傛垜浠嶅湪浣跨敤v3銆傛鏃剁湅v4鏂囨。锛屽彧鏈変竴绉嶆劅瑙夛紝鐑洿鏂板涔呬簡锛屽簲璇ヤ笉浼氭湁澶氫釜鏉＄洰锛屾槸涓嶆槸鐑洿鏂版湁闂锛熷崌绾у埌v4鍚庯紝杩樻槸涓嶈銆傚綋鏃惰劸姘斿氨涓婃潵浜嗭紝鐩存帴鐪嬫簮鐮併€傚湪鐪嬫簮鐮佷箣鍓嶏紝棣栧厛瑕佸浠€涔堟槸鐑洿鏂版湁涓€涓熀鏈殑浜嗚В銆傛ā鍧楃儹鏇存柊妯″潡鐑洿鏂帮紙HotModuleReplacement锛夋槸鎸囧湪娴忚鍣ㄨ繍琛岃繃绋嬩腑鏇存崲銆佹坊鍔犳垨鍒犻櫎妯″潡锛岃€屾棤闇€閲嶆柊鍔犺浇鏁翠釜椤甸潰銆侾reserveapplicationstatelostduringafullpagereload瀵规簮浠ｇ爜涓殑CSS/JS鎵€鍋氱殑鏇存敼浼氱珛鍗冲湪娴忚鍣ㄤ腑鏇存柊锛屽苟涓斿彧鏇存柊鏇存敼鐨勫唴瀹癸紝浠庤€岃妭鐪佸紑鍙戞椂闂翠笌LiveReload瑙ｅ喅鏂规鐩告瘮锛孒MR浣撶幇浜嗗畠鐨勪紭鍔挎槸鐪熷疄鐨?鏃堕棿妯″潡鐑埛鏂板拰搴旂敤鐘舵€佷繚瀛橈紝澶уぇ鎻愰珮寮€鍙戞晥鐜囧拰寮€鍙戜綋楠屻€傚惎鐢ㄦā鍧楃儹鏇存柊HMR鐨勫惎鐢ㄩ潪甯哥畝鍗曪紝閰嶇疆涓€涓叿鏈夌儹鏇存柊鍔熻兘鐨剋ebpack.config.js鏂囦欢濡備笅锛歝onstpath=require('path');module.exports={//...entry:{app:['./src/index.js']},devServer:{contentBase:path.resolve(__dirname,'dist'),hot:true,historyApiFallback:true,compress:true}};src/index.jsif(module.hot){module.hot.accept();}鍘熺悊缃戜笂鍏充簬Webpack鐑洿鏂板師鐞嗙殑鏂囩珷寰堝锛岃繖閲屽氨涓嶈缁嗘弿杩颁簡锛屾帹鑽愬嚑绡囥€傛ā鍧楃儹鏇存柊閫氫織鏄撴噦webpack鐑洿鏂板師鐞唚ebpackHMR鍘熺悊鍒嗘瀽涓庤皟璇昻pmlink$gitclonehttps://github.com/webpack/webpack-dev-server.git涓€瀹氳鍦ㄤ綘鐨勯」鐩腑鎵惧埌瀵瑰簲鐨勭増鏈寘,骞舵煡鐪嬨€傚惁鍒欎細鎶ラ敊銆傛媺涓媤ebpack-dev-server椤圭洰鍚庯紝灏濊瘯鍦╳ebpack-dev-server/lib/Server.js鏂囦欢涓姞鍏ヤ竴琛宑onsole.log锛岃繘鍏ユ牴鐩綍$cdwebpack-dev-server$npmlinkto鐢熸垚杞摼鎺d椤圭洰鍦板潃npmlinkwebpack-dev-server閾炬帴鎴愬姛鍚庝細鎻愮ず涓嬮潰鏇挎崲webpack-dev-server鍦板潃jiang@JiangdeMacBook-Pro-3commonVideoClient%cnpmlinkwebpack-dev-server/Users/jiang/Desktop/commonVideoClient/node_modules/webpack-dev-server->/usr/local/lib/node_modules/webpack-dev-server->/Users/jiang/Desktop/webpack-dev-server鐒跺悗杩愯webpack-椤圭洰涓殑dev-server锛屽湪鎺у埗鍙板簲璇ュ彲浠ョ湅鍒扮浉搴旂殑杈撳嚭锛岃皟璇曟簮鐮佷篃寰堟柟渚裤€傚湪npmlinkscheme涓紝绗笁鏂瑰簱鍜岄」鐩睘浜庝笉鍚岀殑椤圭洰锛屽畠浠湁鑷繁鐨刵ode_modules銆傚鏋滅涓夋柟搴撳拰椤圭洰閮戒娇鐢ㄧ浉鍚岀殑渚濊禆椤癸紝瀹冧滑灏嗗湪鍚勮嚜鐨刵ode_modules涓悳绱€傚鏋滆繖涓緷璧栦笉鏀寔澶氬疄渚嬶紝搴旂敤灏变細寮傚父銆倅alc鍦ㄥ紑鍙戝拰鍒涗綔澶氫釜鍖咃紙绉佹湁鎴栧叕鍏憋級鏃讹紝鎮ㄧ粡甯镐細鍙戠幇鑷繁闇€瑕佸湪鏈湴鐜涓鐞嗙殑鍏朵粬椤圭洰涓娇鐢ㄦ渶鏂?WIP鐗堟湰锛岃€屾棤闇€灏嗚繖浜涘寘鍙戝竷鍒拌繙绋嬫敞鍐岃〃銆侼PM鍜孻arn浣跨敤绫讳技鐨勭鍙烽摼鎺ュ寘(npm/yarnlink)鏂规硶瑙ｅ喅浜嗚繖涓棶棰樸€傝櫧鐒惰繖鍦ㄨ澶氭儏鍐典笅鍙兘鏈夋晥锛屼絾瀹冮€氬父浼氬紩鍏ヨ鍘岀殑绾︽潫鍜屼緷璧栭」瑙ｆ瀽銆佹枃浠剁郴缁熶箣闂寸殑绗﹀彿閾炬帴浜掓搷浣滄€х瓑銆傚叏灞€瀹夎yalcnpminstall-gyalc鐢熸垚yalc鍖?cdwebpack-dev-server$yalcpublish鍙互鍦ㄤ綘鏈湴/Users/jiang/.yalc/packages/webpack-dev-server鎵惧埌瀵瑰簲鐨勫寘cd宸ョ▼鍦板潃yalclinkwebpack-dev-serverlink鍚庯紝鍙互鍦ㄨ嚜宸辩殑椤圭洰涓嬫壘鍒?yalc銆傛瘡娆℃墜鍔ㄤ慨鏀圭涓夋柟搴撶殑浠ｇ爜锛岄兘闇€瑕佹墜鍔ㄩ摼鎺ワ紝寰堥夯鐑﹀涓嶅锛無k锛岀鍣ㄦ潵浜嗭紝nodemon,npminstall-gnodemonnodemon--ignoredist/--ignorenode_modules/--watchlib#watchdirectory-C#鏇存敼鍚庢墠鎵ц锛岀涓€娆″惎鍔ㄤ笉鎵ц鍛戒护-ejs,ts,html,less,scss鐩戞帶鎸囧畾鍚庣紑鐨勬枃浠?-debug#debug-x"yalcpublish"鑷畾涔夊懡浠ょ劧鍚庤瘯璇曡繖涓伐鍏凤紝鍦╳ebpack-dev-server涓紝娣诲姞涓夎鍙墽琛屽懡浠よ繍琛宯pmrunwatch锛岃€屼笖姣忔淇敼閮戒細鑷姩鏇存柊锛屾槸涓嶆槸寰堣垝鏈嶏紵
