自動捆綁外部javascript庫

Question

我經常看到以瀏覽器為中心的javascript庫，可以選擇通過npm安裝。

是否有理由使用npm而不是僅使用<script src="cdn-url"></script>來安裝它？

我正在加載許多庫，所以我想獲取這些文件可能是一個好主意，因此我不會發出太多url請求（即使所有請求都針對CDN）。

我可能可以通過npm安裝，然后使用<script src='/node_modules/...'></script> ，但是我需要使用express.static()或類似的東西使這些路徑公開可用。

我知道我可以使用webpack，browserify等，但是當我只想將幾個外部庫自動捆綁到1個文件中時，它們似乎過於復雜。

Answer 1

在這種情況下，使用npm的目的是使您可以自動獲取更新。 您進行捆綁以減少請求數量，並且僅包含1個腳本標簽。

但是當我只想將幾個外部庫自動捆綁到1個文件中時，它們似乎過於復雜。

不幸的是，這很復雜。 如果不是這樣，那就太好了。 另外，更新庫時，您需要考慮諸如瀏覽器緩存之類的問題。 如果您有供應商庫包，則在更新時必須手動使用查詢字符串進行緩存無效化。 因此，為了簡化流程，webpack會為您完成所有工作。

我將轉到Webpack並使用CommonsChunkPlugin創建供應商版本。 請參閱此示例。

要完全自動化所有操作，請將其與Html Webpack插件結合使用，以自動添加腳本標簽並通過哈希處理來消除緩存。