Alter JavaScript from config file

Pandigit · January 26, 2018, 2:12pm

Is there a way to have jekyll change the contents of a javascript file during compilation depending on the contents of the config file?

I’m working on a back end agnostic disaster response application and my group is bouncing around the idea of using Jekyll to compile the structure and then deliver the content to the page using ajax requests, but we would then need to be able to change the javascript to go to different locations for different iterations of the project since we aren’t going to have one website for all disasters.

mmistakes · January 26, 2018, 3:29pm

If you add Front Matter to your JavaScript file(s) Jekyll will process it. Which then allows you to use Liquid in the file or drop in variables coming from _config.yml via site. or the page or a collection or anything else you can normally do with Jekyll.

example.js

---
# intentionally left blank
---

// your scripts here

mmistakes · January 26, 2018, 3:31pm

I use this method for one of my Jekyll theme’s to build a .js file used for search data.

github.com

mmistakes/minimal-mistakes/blob/master/assets/js/lunr/lunr-store.js

---
layout: null
---

var store = [
  {%- for c in site.collections -%}
    {%- if forloop.last -%}
      {%- assign l = true -%}
    {%- endif -%}
    {%- assign docs = c.docs | where_exp:'doc','doc.search != false' -%}
    {%- for doc in docs -%}
      {%- if doc.header.teaser -%}
        {%- capture teaser -%}{{ doc.header.teaser }}{%- endcapture -%}
      {%- else -%}
        {%- assign teaser = site.teaser -%}
      {%- endif -%}
      {
        "title": {{ doc.title | jsonify }},
        "excerpt":
          {%- if site.search_full_content == true -%}

This file has been truncated. show original

Pandigit · January 31, 2018, 4:55pm

Fantastic! Thanks for the help

Topic		Replies	Views
Https://stackoverflow.com/questions/70845147/how-to-use-liquid-template-tags-in-external-javascript-in-jekyllrb Help	10	686	February 4, 2022
Add custom JavaScript to a Jekyll page	4	29538	February 25, 2022
Any way to load code from a file and highlight it? Help	0	847	August 14, 2019
Page Specific CSS	4	3332	November 29, 2017
"constantize" string to avoid {% when %} Help	4	507	August 9, 2021

Alter JavaScript from config file

Related topics