webpack怎么打包
webpack怎么打包

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

熱議問題






