webpack怎么打包
webpack怎么打包

推薦答案
同學(xué),您好!webpack怎么打包
初始化參數(shù):解析webpack配置參數(shù),合并shell傳入和webpack.config.js文件配置的參數(shù),形成最后的配置結(jié)果;
開始編譯:上一步得到的參數(shù)初始化compiler對(duì)象,注冊(cè)所有配置的插件,插件 監(jiān)聽webpack構(gòu)建生命周期的事件節(jié)點(diǎn),做出相應(yīng)的反應(yīng),執(zhí)行對(duì)象的run方法開始執(zhí)行編譯;
確定入口:從配置的entry入口,開始解析文件構(gòu)建AST語法樹,找出依賴,遞歸下去;
編譯模塊:遞歸中根據(jù)文件類型和loader配置,調(diào)用所有配置的loader對(duì)文件進(jìn)行轉(zhuǎn)換,再找出該模塊依賴的模塊,再遞歸本步驟直到所有入口依賴的文件都經(jīng)過了本步驟的處理;
完成模塊編譯并輸出:遞歸完事后,得到每個(gè)文件結(jié)果,包含每個(gè)模塊以及他們之間的依賴關(guān)系,根據(jù)entry或分包配置生成代碼塊chunk;
輸出完成:輸出所有的chunk到文件系統(tǒng);

熱議問題






