javascript - Javascript 包含两次，因为 LESS CSS 需要启用资产

Question

我正在使用带有LESS的 Twitter Bootstrap ，它需要启用资产管道。但是如果启用了资产，那么我的CoffeeScript 代码会在浏览器中包含两次——一次在 application.js 中，第二次在 posts.js 中。

我怎样才能解决这个问题？

这两个文件都包含：

$('.slider').each(function() {
    val = $(this).attr('val')
    $(this).slider({
      orientation: 'horizontal',
      range: "min",
      max:100
    });

而且我在两个文件中都遇到了错误：Uncaught TypeError: Object [object Object] has no method 'slider' from Chrome just after

$(this).slider({ 

但是，如果我现在转到posts.js 并在那里发表评论，它将毫无错误地通过，并且来自application.js 的孪生函数将正常工作。

Answer 1

管道似乎并不关心您的 application.js 中是否有此行

//= require_tree .

连同另一行，例如：

*= require jquery.ui.slider

如果 jquery.ui.slider.js 在“.”下，它只会包含两次，因为这就是你告诉它要做的事情。它并没有真正检查这个文件是否已经包含在内。