webpack 的externals配置

 

  • 官網解釋:

webpack 中的 externals 配置提供了不從 bundle 中引用依賴的方式。解決的是,所創建的 bundle 依賴於那些存在於用戶環境(consumer environment)中的依賴。

怎麼理解呢,意思是如果需要引用一個庫,但是又不想讓webpack打包(減少打包的時間),並且又不影響我們在程序中以CMD、AMD或者window/global全局等方式進行使用(一般都以import方式引用使用),那就可以通過配置externals。

這樣做的目的就是將不怎麼需要更新的第三方庫脫離webpack打包,不被打入bundle中,從而減少打包時間,但又不影響運用第三方庫的方式,例如import方式等。

 默認情況下,你導入幾個第三方依賴包都會合併到一個js文件裏面去,最終這個文件的體積會相當大,如果你能一些能夠拆出的依賴項給它聲明到externals這個節點中去,那麼在打包期間webpack會先檢查程序員有沒有在extrernal裏面去聲明一些第三方的依賴包,如果有的話,webpack就不會把對應的依賴包打包到對應的裏面中去,而是在用到這個依賴包的時候直接去window全局對象上查找,現成的對象進行使用,排除某些包不被打包到文件裏去

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章