在javascript闭包中包装一些资产需求

Question

我有一个清单文件partials.js，其中包含以下内容：

//= require_tree ./partials

然后，./partials/中的每个咖啡文件都包含以下内容：

$ ->
  # Rest of the code

有没有可能在清单中有这样的东西：

$(function () {
//= require_tree ./partials
});

并删除单个文件中的$ ->包装？

(这在目前实际上并不起作用。代码被推送到底部，上面有所需的js。)

Answer 1

我最近遇到了同样的问题，我最终做的是：

以您的清单示例为例：

$(function () {
  //= require_tree ./partials
});

我们可以将其转换为如下所示的清单：

//= require ./head
//= require_tree ./partials
//= require ./tail

然后我们制作head.js

$(function (){ //need line to end with semicolon to trick preprocessor;

然后我们制作tail.js

});

诀窍是以注释分号结束head.js部分。否则，预处理器将尝试注入一个分号，破坏脚本，生成如下内容

$(function () {
;
  //rest of your code here
});

Answer 2

另一种方法是创建一个load_my_asset.js.erb文件：

function loadMyAsset() {
    <%= Rails.application.assets.find_asset('path/to/asset').source %>
};

在application.js中

//= require load_my_asset

，它在开发和生产中都有效。