Bootstrapでjsファイルの作り方。

Question

Bootstrapを使用しつつ、自分でJavaScriptを使って動的なものを作りたいのですが、どのようにしてファイルを作るのかがわかりません。Bootstrapを使ってない時は、jsファイルを作れます。Bootstrapを使うと、すこでJavaScriptを読みこんでいるのでどのようにしてリンク付けするのか分からなく困っています。src=""で自分の作ったファイルとリンク付したいのですが、src="https://code.jquery.com/jquery-3.3.1.slim.min.jst"となっていてどうすればよいかわかりません。

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

Answer 1

普通に一番最後に自身が作ったjsファイルをリンクする記述を入れれば良いかと。

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="自分が作ったjs"></script>

もし、jQueryもBootStrapの機能も使わない記述しか入れてないなら、ブラウザが読み取れる箇所であれば冒頭でもどこでも問題ないです。

※この考え方はCSSでも同じです。特に「既にBootStrapで提供されている機能を上書きしたいとき」はBootStrapの読み込み記述より後に入れます。CSSはimportant宣言がなければ基本は後勝ちです。