javascript - 延迟的 jquery 脚本在所有其他脚本之后加载

Question

在我的文件中，我推迟了一些 js，因为这似乎是最佳实践。

将其加载到头部并让 JS 延迟(如果它不是必须存在的任何内容)。

我的脚本是基本的 Bootstrap 内容:

    <script defer src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script defer src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script defer src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
    <script defer src="/static/font-awesome-5/js/fontawesome-all.min.js"></script>

但是当我加载页面时，它正在加载jquery slim last，这会导致我们其他一些具有附加脚本的页面出现问题(同样，加载在头部，但在jquery之后) - 这使用 jquery 作为要求。

我什至尝试将 JS 放入我们的静态文件夹中(类似于我们对 Font Awesome 所做的事情)；但在完成其他操作后它仍然继续加载。

纠正这个问题的最佳方法是什么？

Answer 1

尽管所有文档都说它应该按照我的方式工作，但我最终只是将脚本移动到页面底部，而不再使用 defer 属性