Variables inside JavaScript

Something like this:

assets/script.js:

import params from "@params";

window.minimalAnalytics = {
  trackingId: params.trackingId,
  autoTrack: true, // <-- init tracking
};

In HTML template:

{{- $js := resources.Get "script.js" -}}
{{- $opts := dict 
  "params" (dict "trackingId" site.Params.google.analytics) 
-}}
{{- $js = $js | js.Build $opts -}}
<script src="{{ $js.Permalink }}"></script>

EDIT: Fixed a typo

4 Likes