在Rails應用程序中模塊化javascript代碼

Question

我想將我們的rails web應用程序移植到ember.js（我們當前在服務器端執行大部分工作呈現視圖），並且想知道如何實現javascript的完全模塊化碼。到目前爲止，我最喜歡的插件是sprockets-commonjs，它爲所有名爲.module.js的文件自動創建commonjs模塊。這將解決我們大多數問題，除了外部庫，它仍然會在代碼中聲明全局變量。

我能想到的唯一解決方案是爲每個這些庫創建common.js模塊。

例如：假設我希望能夠將Ember.js作爲Common.js模塊導入。然後我會創建一個名爲供應商/模塊/ ember.module.js文件，將包含以下內容：

//= require ember 

module.exports = Ember; 

我會再導入ember_module（與模塊封裝的其餘一起）的應用和使用他們。

//= require_tree vendor/modules 

var ember = require("vendor/modules/ember"); 

這個解決方案有點不好，但它會改善代碼的模塊化。有沒有更好的方法來實現相同的結果？

Answer 1

在您的ember.module.js中，請嘗試使用//= include ember而不是require。 require指令只是將該文件添加爲依賴項; include指令實際上將包含文件內容。 （見https://github.com/sstephenson/sprockets#sprockets-directives）。

否則您的解決方案應該工作:)