为什么我的资产没有按照我希望的方式加载 - 开发模式。导轨 4.2答案

【问题标题】：Why are my assets not loaded the way I want them to be - development mode. rails 4.2为什么我的资产没有按照我希望的方式加载 - 开发模式。导轨 4.2
【发布时间】：2015-04-29 09:42:06
【问题描述】：

我不确定 Rails 4.2 中是否有从 4.1 更改的设置，或者我是否只是疯狂的酱汁。但这是我的 application.js 文件：

// This is a manifest file that'll be compiled into application.js, which will include all the files
// listed below.
//
// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
//
// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
// compiled file.
//
// Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
// about supported directives.
//
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require_tree .
//= require bootstrap
//= require react
//= require react_ujs
//= require backbone

//= require app
//= require app/helpers/core.js
//= require app/collections/aisis_writer_user
//= require app/routers/aisis_writer_panel
//= require app/views/aisis_writer_panel

它清楚地说明了我的资产应该如何加载。这些文件中有几个在顶部有自己的 require 语句。现在在开发模式下，从我的看法来看，我没有得到一个巨大的资产级联文件，而是将每个资产作为页面标题中的脚本标签加载。如果按照我设定的顺序就好了。

<script src="/assets/jquery.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/jquery_ujs.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/turbolinks.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/app/helpers/intervals.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/app/helpers/reset_intervals.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/app/routers/aisis_writer_panel.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/app.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/app/collections/aisis_writer_user.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/app/helpers/core.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/app/views/aisis_writer_panel.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/app/helpers/polling.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/bootstrap.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/react.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/react_ujs.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/backbone.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/application.js?body=1" data-turbolinks-track="true"></script>

这根本不是我指定要订购的东西的方式，因此我得到了：

uncaught ReferenceError: App is not defined
aisis_writer_user.js:1 Uncaught ReferenceError: Backbone is not defined
aisis_writer_panel.js:1 Uncaught ReferenceError: Backbone is not defined
backbone.js:219 Uncaught TypeError: Cannot read property 'each' of undefined

按照我订购东西的方式，这些错误不应该——或者至少不是所有的——出现。

所以我的问题是：当我告诉资产管道以特定方式加载文件时，为什么它会忽略我？

【问题讨论】：

标签： ruby-on-rails ruby-on-rails-4 asset-pipeline

【解决方案1】：

当我告诉资产管道以特定方式加载文件时，为什么它会忽略我？

它不是，它完全按照你的要求做。您忽略了require 语句中间的大号require_tree .。

require_tree . 的全部意义在于它递归地包含了它在您提供的目录中找到的所有文件。你给它.，这样你就可以将app/assets/javascripts目录中的每个.js或.coffee文件转储到你的清单中，无论它们碰巧从磁盘读取的顺序如何.

如果您不希望出现这种行为，则需要删除该行。

【讨论】：