npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

browserify-directory

v1.0.2

Published

Browserify-directory allows you to watch a directory and browserifies each file in the input directory to the output directory

Readme

Browserify-directory

Browserify-directory watches all files in a directory and browserify's them to an output directory. Update any source files and your browserify bundle will be updated on the spot. Think of browserify-directory as super charged watchify - instead of watching files it watches an entire directory for changes and outputs those changed files, while mirroring the input directory hierarchy in the output directory.

Install

If you are using browserify directory as a cli tool:

npm install browserify-directory -g

Usage

Browserify-directory can be used either from the command line or via its API.

Command Line

Usage: browserify-directory [input directory] [output directory] opts
                    
   --transform, -t      Transform to apply to output files. 
                        browserify-directory assumes that the transform can be requied.
                        
   --outputExt, -e      File extension that a transform should replace the inputPath 
                        extension with a .js extension (e.g. replacing .coffee if 
                        you are using the coffeeify transform).

You can also include any browserify options that will be passed to the browserify instance. Options should be passed as the camelcase name corresponding to options name in the browserify method .

browserify-directory does not support the -e entry point browserify option.

API

var browserify-directory = require("browserify-directory")

var bd = new browserify-directory(opts={inputDir: '', outputDir: ''})

Creates a browserify-directory instance d. Opts must include an inputDir and outputDir.

opts.transform specifies the transform that should be applied to browserify instances.

opts.transformExtension specifies the file extension name to change to .js if your transform needs to change file extensions (i.e. coffeeify).

opts.browserifyOpts is a dictionary of browserify options that will included in all browserify instantiations.

bd.modifyBrowserify(inputData)

A function you can implement which allows you to modify each browserify instance.

inputData is a dictionary with the following data:

{
    b: [browserifyInstance],
    outputPath: [output path that the browserify instance will be bundled to],
    inputPath: [input path of the browserify instance]
}

bd.replaceExtension(filepath, expectedExtension, newExtension)

A convenience method provided in order to change file extension names - specifically with regards to transforms.

Issues

Please file any issues you find with browserify-directory and we will try to address them.