在Node.js Express應用程序中加載特定於視圖的JavaScript

Question

我的web應用程序具有共享相同JavaScript的多個視圖，但每個視圖也都有自己的Javascript。它看起來是這樣的：

<!-- html up here --> 

<script src="/src/js/bundle.js"></script> 

<script> 
    // some view-specific Javascript 
</script> 

這結束了混合我的視圖文件（HTML等），與我的JavaScript，我不知道是否建立和載入外部JavaScript文件爲每個視圖是一個更好的辦法。

實現這個目標的最佳方法是什麼？

Answer 1

這很大程度上取決於你的頁面特定的js文件的大小。如果它們相當小，並且大部分有用的js都在你的包中，那麼只需爲所有頁面創建一個包。如果您有大量特定於頁面的js，則可以在捆綁包中隨附第二個文件，或者您可以爲每個頁面創建一個不同的捆綁包，以便每個頁面上只有腳本標記。 Here is another thread on the issue, including a useful gulp script to automate the creation of multiple bundles