Webpack同構/通用插件如何工作？

Question

我在服務器端找到了兩個用於解決模塊加載程序問題的工具 ： webpack-isomorphic-tools和Universal-webpack 。 有人可以向我解釋這些事情如何工作的關鍵步驟嗎？ 它如何捕獲/提取import ed / require模塊？

Answer 1

我是這3個模塊的作者。

webpack-isomorphic-tools在require-hacker的幫助下掛接到Node.js的require()函數，並攔截對配置了extension s的所有資產的require()調用，以返回其Webpack編譯的形式（取自由生成的webpack-assets.json webpack-isomorphic-tools/plugin構建過程中的webpack-isomorphic-tools/plugin ）。

universal-webpack不需要使用require()函數-它只是將客戶端Webpack配置轉換為服務器端Webpack配置的助手。 它不能在服務器端或其他方面運行。 這只是一個Webpack配置生成器-事實證明，Webpack具有一個target: "node"參數，這使其輸出在Node.js上運行的代碼沒有任何問題。

我在universal-webpack之前寫過webpack-isomorphic-tools ，因此universal-webpack是推薦的工具。 但是，許多人仍然使用webpack-isomorphic-tools （包括我在內），發現它不太復雜。