了解 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 会在其他文件之前加载带有下划线前缀的文件。因此，在您的情况下，您的目录结构需要遵循