Jade: How to Include a Javascript File

Jade: How to Include a Javascript File

I need to include a javascript file to webpage. I write the following:

include /../scripts/jquery.timeago.js

but I get

<script>/*
 * timeago: a jQuery plugin, version: 0.8.2 (2010-02-16)
 * @requires jQuery v1.2.3 or later
 *
 * Timeago is a jQuery plugin that makes it easy to support automatically
 * updating fuzzy timestamps (e.g. "4 minutes ago" or "about 1 day ago").
 *
 * For usage and examples, visit:
 * 
 *
 * Licensed under the MIT:
 * 
 *
 * Copyright (c) 2008-2010, Ryan McGeary (ryanonjavascript -[at]- mcgeary [*dot*] org)
 */
(function($) {
....
</script>

as result. But I need:

<script src="/Scripts/jquery.timeago.js" type="text/javascript"></script>

How to do it?

1

4 Answers

Put this in your jade file:

script(src="/Scripts/jquery.timeago.js")

1

You can put this code in your jade file:

   script(type='text/javascript' src='public/vendor/jquery/jquery.min.js')

Also, if you would like to include inline js within your jade file you could do the following as well:

script(type="text/javascript").
console.log('hello world');
0

Syntax for Adding scripts to your jade files is

script(src="",...,otherAttribute="")

example like the one below, that adds Jquery Bootstraps to the page.

  script( src="",  integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" ,crossorigin="anonymous")

script(src="", integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q", crossorigin="anonymous")

  script( src="" ,integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl", crossorigin="anonymous") 
2

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Sophia Al-Mansoor
Author

Sophia Al-Mansoor

Sophia analyzes international trade, startup ecosystems, retail transformation, and supply chain logistics for modern digital publications.