webpack文件夾

A. 鍓嶇妗嗘灦--Webpack瀛︿範瀹夎

webpack
webpack 瀛︿範錛 涓錛氭倝闄瀹夎咃細 1.webpack 鏄鍩轟簬nodes.js鐨勶紝 a.鍏堝畨瑁卬ode.js 涓嬭澆node.js鐨勭▼搴忋傜偣鍑誨畨瑁卬ode.js

b.瀹夎呭畬鍚.鎵撳紑cmd鐨勭獥鍙ｏ紱蹇鎹烽敭錛坵indow + r 緇勫悎閿錛

c.鏍規嵁欏圭洰鎵鍦ㄨ礬寰勭洏瀹夎厀ebpack錛涘傞」鐩鏄鍦‵鐩樼潄鑴婅牏錛屽垯瀹夎呮柟娉曞備笅錛 1.鎸囧畾鍦‵鐩樺畨瑁咃細杈撳叆F錛 鍥炶濺

2.鍏ㄥ矓瀹夎咃細杈撳叆npm install webpack -g鍥炶濺 鎴愬姛鍑虹幇濡備笅錛

3.榪涘叆欏圭洰鎵鍦ㄨ礬寰勫畨瑁呴厤緗鏂囦歡錛氶噹甯唒ackage.json 濡傞」鐩璺寰勶細鎵懼埌璺寰刢d .....

鍒檆md杈撳叆錛氳礬寰勬壘鍒頒箣鍚 杈撳叆npm init鍥炶濺 寮濮嬮厤緗鏂囦歡錛

寮濮嬮厤緗鐨勬枃浠惰繃紼嬪備笅錛氬嚭鐜頒箣鍚庡彧瑕佸洖杞﹀嵆鍙錛

閰嶇疆鎴愬姛涔嬪悗鍙浠ユ煡鐪嬪埌鍒涘緩鐨勬枃浠訛細package.json

鐢ㄧ紪杈戝櫒鎵撳紑濡備笅錛

4.瀹夎厀ebpack渚濊禆錛氬湪cmd杈撳叆錛歯pm install webpack --save-dev鍥炶濺 鎴愬姛濡備笅錛

鍒拌繖涓姝ヨ〃紺簑ebpack宸茬粡瀹夎呮垚鍔燂細 5.瀹夎呮垚鍔熷悗鏂囦歡澶瑰嚭鐜扮殑鐘跺喌錛

package.json鏂囦歡鏇存柊涓猴細杈冧箣鍓嶇殑澶氫簡涓 錛歸ebpack鐨勭増鏈錛