Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Browserify middleware to load entire files into javascript variables

tree: 80c063a7b1

Fetching latest commit…

Cannot retrieve the latest commit at this time

README.markdown

fileify

Middleware for browserify to load non-js files like templates.

methods

var express = require('express'); // or connect, whatevs
var app = express.createServer();
var fileify = require('fileify');

var bundle = browserify();
bundle.use(fileify);
app.use(bundle)

fileify(name, dir, opts)

Make the files in dir available through require(name).

require(name) will then return the files hashed by filename.

fileify will do a recursive traversal of dir and return all the files except for hidden ones unless you specify a callback for opts.extension.

Returns a middleware function with a '.end()' function to stop all the watches in watch mode.

opts can have:

  • watch - if true, update the fileified bundle when files change

  • extension - a filter function, regexp, string extension, or array of extensions to limit extensions to

If opts is not an object and not an array it will be interpreted as the extension.

example

simple/server.js

var express = require('express');
var app = express.createServer();

app.use(express.static(__dirname));
app.listen(8080);
console.log('Listening on 8080');

var browserify = require('browserify');
var bundle = browserify({
    require : { jquery : 'jquery-browserify' }
});
app.use(bundle);

var fileify = require('fileify');
bundle.use(fileify('files', __dirname + '/files'));
<html>
  <head>
    <script type="text/javascript" src="/browserify.js"></script>
    <script type="text/javascript">
      var files = require('files')
      var $ = require('jquery');

      window.onload = function () {
        Object.keys(files).forEach(function (name) {
          var div = $('<div>').appendTo($('#files'));

          $('<div>')
            .text(name)
            .appendTo(div)
          ;
          $('<textarea>')
            .val(files[name])
            .appendTo(div)
          ;
        });
      };
    </script>
  </head>
  <body>
    <div id="files"></div>
  </body>
</html>

installation

With npm do:

npm install fileify

license

MIT/X11

Something went wrong with that request. Please try again.