https://github.com/qard/express-asset

Add a simple asset manager to express for adding and rendering script and style elements.
https://github.com/qard/express-asset

Last synced: 12 days ago
JSON representation

Add a simple asset manager to express for adding and rendering script and style elements.

• Host: GitHub
• URL: https://github.com/qard/express-asset
• Owner: Qard
• Created: 2011-06-13T16:37:27.000Z (over 13 years ago)
• Default Branch: master
• Last Pushed: 2017-09-24T21:40:35.000Z (about 7 years ago)
• Last Synced: 2024-10-19T19:55:35.208Z (about 1 month ago)
• Homepage:
• Size: 47.9 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
express-asset

=============

Add a simple asset manager to express for adding and rendering script and style elements.

Usage

=====

Attach the middleware to express and serve your static files however you like. Then use the add functions to add new script and style content and files.

    app.use(require('express-asset').middleware({

      js_src: '/javascripts'

      , css_src: '/stylesheets'

    }));

    app.get('/', function(req, res){

      res.addScriptFile('jquery');

      res.addScript(function(){

        $(document).ready(function(){

          console.log('This jquery was written on the server and rendered with express-asset!');

        });

      });

      res.render('index');

    });

Adding assets

=============

* res.addScript(string or anonymous function containing script content)

* res.addScriptFile(remote url or local filename, with or without extension)

* res.addStyle(string containing style content)

* res.addStyleFile(remote url or local filename, with or without extension)

Rendering assets

================

* res.javascripts(enable minification)

* res.stylesheets()

Using in views

==============

All the functions attached to the response object can also be used inside a view, for example;

    !!! 5

    html(lang="en")

      head

        title Express-Asset

        != stylesheets()

      body

        #header

          a#title(href='/') Express-Asset

        #content

          != body

        != javascripts(true)