migrate jquery popper.js bootstrap fontawesome to js bundle

assets/scripts/application.js

@@ -0,0 +1,4 @@
+import 'jquery';
+import 'popper.js';
+import 'bootstrap';
+import '@fortawesome/fontawesome-free';

layouts/partials/header.html

@@ -13,9 +13,6 @@
 <!--=================== fonts ==============================-->
 <link rel="stylesheet" href="{{ "/google-fonts/Mulish/mulish.css" | relURL }}"/>
 
-<!--=================== icons ==============================-->
-<link rel="stylesheet" href="{{ "/fontawesome/css/all.min.css" | relURL }}"/>
-
 <!--=================== dark mode ==========================-->
 {{ if site.Params.darkMode.enable }}
 <link rel="stylesheet" href="{{ "/css/colortheme/colortheme.css" | relURL }}"/>

layouts/partials/helpers/script-bundle.html

@@ -0,0 +1,5 @@
+{{- $options := partial "helpers/get-esbuild-options.html" -}}
+{{- $options = $options | merge (dict "targetPath" "application.js") -}}
+{{- $app := resources.Get "scripts/application.js" -}}
+{{- $bundle := $app | js.Build $options | fingerprint -}}
+<script src="{{ $bundle.RelPermalink }}" integrity="{{ $bundle.Data.Integrity }}" defer></script>

layouts/partials/scripts.html

@@ -1,7 +1,4 @@
-<script type="text/javascript" src="{{ "/js/jquery-3.4.1.min.js" | relURL }}"></script>
-<script type="text/javascript" src="{{ "/js/popper.min.js" | relURL }}"></script>
-<script type="text/javascript" src="{{ "/js/bootstrap.min.js" | relURL }}"></script>
-
+{{ partial "helpers/script-bundle.html" }}
 <script type="text/javascript" src="{{ "/js/navbar.js" | relURL }}"></script>
 <script type="text/javascript" src="{{ "/js/plyr.js" | relURL }}"></script>
 <script type="text/javascript" src="{{ "/js/main.js" | relURL }}"></script>