如何将此Coffeescript拆分为单独的文件？

Question

使用DOM的执行加伯方法：

SITENAME = { 
    common: { 
    init: function() { 
     // application-wide code 
    } 
    }, 

    users: { 
    init: function() { 
     // controller-wide code 
    }, 

    show: function() { 
     // action-specific code 
    } 
    } 
}; 

UTIL = { 
    exec: function(controller, action) { 
    var ns = SITENAME, 
     action = (action === undefined) ? "init" : action; 

    if (controller !== "" && ns[controller] && typeof ns[controller][action] == "function") { 
     ns[controller][action](); 
    } 
    }, 

    init: function() { 
    var body = document.body, 
     controller = body.getAttribute("data-controller"), 
     action = body.getAttribute("data-action"); 

    UTIL.exec("common"); 
    UTIL.exec(controller); 
    UTIL.exec(controller, action); 
    } 
}; 

$(document).ready(UTIL.init); 

我怎么能使用单独的.coffee文件翼滑轨管道这种技术？

我想要做以下

users.js.coffeee

SITENAME = 
    users: 
    init: -> 
     alert("nope") 

    index: -> 
     alert("hi") 

但如果我这样做了，它只是重写，并迫使我把它全部在一个文件中。

我该如何拆分它并在此技术中为每个页面使用命名空间？

Answer 1

首先，确保你把它放置在的application.js清单文件：

//= require global 
//= require users 

哪里global.coffee握着你的实用方法。你的例子users.coffee看起来很好。但是，您需要将SITENAME范围设置为window，以便全面访问它。

// global.coffee 
window.SITENAME = ... 

// users.coffee 
window.SITENAME.users = ... 

你需要做到这一点，因为CoffeeScript的编译会自己关闭中的每个文件......从而限制范围，除非你明确地把它分配给窗口。

(function() { 
    window.SITENAME.users = {}; 
}).call(this);