Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browserify middleware to load entire files into javascript variables
JavaScript
tree: b3308430f8

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
browser
example
test
README.markdown
index.js
package.json

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.