轉載自? webpack: require.ensure與require AMD的區別

webpack: require.ensure與require AMD的區別

簡介

require-ensure和require-amd的區別：

• require-amd?
  
  • 說明: 同AMD規范的require函數，使用時傳遞一個模塊數組和回調函數，模塊都被下載下來且都被執行后才執行回調函數
  • 語法:?require(dependencies: String[], [callback: function(...)])
  • 參數?
    
    • dependencies: 模塊依賴數組
    • callback: 回調函數
• require-ensure?
  
  • 說明: require.ensure在需要的時候才下載依賴的模塊，當參數指定的模塊都下載下來了（下載下來的模塊還沒執行），便執行參數指定的回調函數。require.ensure會創建一個chunk，且可以指定該chunk的名稱，如果這個chunk名已經存在了，則將本次依賴的模塊合并到已經存在的chunk中，最后這個chunk在webpack構建的時候會單獨生成一個文件。
  • 語法:?require.ensure(dependencies: String[], callback: function([require]), [chunkName: String])?
    
    • dependencies: 依賴的模塊數組
    • callback: 回調函數，該函數調用時會傳一個require參數
    • chunkName: 模塊名，用于構建時生成文件時命名使用
  • 注意點：requi.ensure的模塊只會被下載下來，不會被執行，只有在回調函數使用require(模塊名)后，這個模塊才會被執行。

總結

以上是生活随笔為你收集整理的require.ensure与require AMD的区别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。