programacion preprocesador node jade index express pug

express - node - pug preprocesador html



Jade: cómo incluir un archivo javascript (4)

Necesito incluir un archivo javascript en la página web. Escribo lo siguiente:

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

pero consigo

<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: * http://timeago.yarp.com/ * * Licensed under the MIT: * http://www.opensource.org/licenses/mit-license.php * * Copyright (c) 2008-2010, Ryan McGeary (ryanonjavascript -[at]- mcgeary [*dot*] org) */ (function($) { .... </script>

como resultado. Pero yo necesito:

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

¿Cómo hacerlo?


Además, si desea incluir js en línea dentro de su archivo jade, también puede hacer lo siguiente:

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


La sintaxis para agregar scripts a sus archivos jade es

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

ejemplo como el siguiente, que agrega Jquery Bootstraps a la página.

script( src="https://code.jquery.com/jquery-3.2.1.slim.min.js", integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" ,crossorigin="anonymous") script(src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js", integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q", crossorigin="anonymous") script( src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" ,integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl", crossorigin="anonymous")


Pon esto en tu archivo de jade:

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


Puede poner este código en su archivo jade:

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