理解require_tree负载顺序

Question

亲爱的，我有以下文件夹angular_components

​

​

现在，为了将这些文件加载到我编写的文件夹中

//= require_tree ./angular-components

加载文件的方式如下

<script src="/assets/angular-components/mapAutoComplete/autoCompleteAddressApp.js?body=1"></script>
<script src="/assets/angular-components/mapAutoComplete/directive/controllers/googleAddressSuggestion.js?body=1"></script>
<script src="/assets/angular-components/mapAutoComplete/directive/googleAddressSuggestion.js?body=1"></script>
<script src="/assets/angular-components/mapAutoComplete/services/locationDataService.js?body=1"></script>
<script src="/assets/angular-components/stripePayment/lib/angularPayment.js?body=1"></script>
<script src="/assets/angular-components/stripePayment/services/stripeService.js?body=1"></script>
<script src="/assets/angular-components/stripePayment/stripePaymentApp.js?body=1"></script>

在mapAutoComplete目录中，根文件夹中的文件autoCompleteAddressApp.js加载在其他文件之前，但是在条带支付中，stripePaymentApp.js是在根文件夹中加载的。为什么会发生这种事？在这两种情况下，如何确保在子目录文件之前加载根文件？

Answer 1

原因是require_tree按字母顺序加载文件或文件夹，无论是文件还是文件夹。解决问题的一种方法是单独加载文件，而不使用require_tree。实现目标的另一种方法是在要先加载的文件之前添加_下划线。因为require_tree将在其他文件之前加载以下划线为前缀的文件。因此，在您的示例中，您的目录结构如下所示

​

​