綁定使用「顯示模塊模式」的javascript

Question

我有兩個不同的javascript文件，我正在使用我的GAE Python應用程序，並且這些文件都依賴於我不想在兩個不同位置重複的常見功能。

在我的開發環境，我想有三個文件：

• script1.js
• script2.js
• library.js

每個的script1.js和script2.js需要library.js中的功能。

我的JavaScript使用「揭示模塊模式」，例如，

var my_module = (function() { 
    var my = {}; 
    my.do_stuff = function() {...}; 
    return my; 
})(); 

但在生產，我希望客戶能夠下載具有所有所需的JavaScript一個靜態文件。例如，客戶可以下載script1all.js，其中包括script1.js和library.js。

我該如何在GAE/P中實現？有沒有現成的工具可以做到這一點？

我一直在閱讀JavaScript包管理器（npm，bower等），但這些似乎與處理第三方javascript有關，我只需要打包自己的javascript。

Answer 1

我已經花了最近3個小時閱讀了這篇文章，並且我對JavaScript模塊和捆綁存在的複雜性和變化感到有些迷惑。

我發現了像Browserify和Webpack這樣的工具，但是當我瞭解了它們之後，我不得不關於JavaScript模塊來刷新自己。這是理解javascript module options的好資源。

對於我的javascript，我一直在使用鏈接文章中討論的「揭示模塊模式」。對於這種JavaScript模塊，似乎簡單的連接和縮小方法是一個非常好的解決方案。這是另一篇文章，其中列出了bundling options。

因此經過幾個小時的教育，我會做簡單的連接和縮小的方法，最終我會升級到ES6。

P.S .:這answer也非常有助於理解可能需要的不同類別的javascript處理。