我正在使用Webpack開發一個專案,我碰巧注意到物件中有一個名為mode.
根據檔案,它有兩個可能的值(都是 a string)。一個是development,另一個是production。
下面是我的webpack.config.js檔案。
module.exports = {
// ...
mode: "development",
// ...
};
我已經可以推斷出development會更慢,而且production會更快。但是,是什么讓代碼變慢了development?
uj5u.com熱心網友回復:
以下是Webpack將代碼編譯成的差異,具體取決于您的mode.
development模式_
此模式使用該eval()函式以字串形式執行所有代碼。它不會使它更小,除了它將所有代碼放在一行中。
該eval()函式比普通的 JavaScript 慢(下面參考 MDN),所以不建議在生產中使用它!
來自 MDN:
eval()也比替代方案慢,因為它必須呼叫 JavaScript 解釋器,而許多其他結構由現代 JS 引擎優化。
production模式_
在productionmode 下,Webpack將正確地使您的代碼體積更小(不使用該eval()函式)。
始終在生產中使用此模式!
uj5u.com熱心網友回復:
生產模式用于優化所有 JS 檔案,而開發模式保持 JS 檔案不變。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/445949.html
標籤:javascript 网页包
