Stream and transform your browser assets.
JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
helper
source
transform
.gitignore
AssetStream.js
Destination.js
Source.js
Transform.js
license.md
package.json
readme.md

readme.md

Stream and transform your browser assets

The goal is to make you able to build your own high performance asset pipeline from small atomic parts, ie. JavaScript bundling. The codebase is still very experimental, so expect big changes ahead.

Example:

var AssetStream = require('assetstream');
var contentSize = AssetStream.helper.contentSize;

// Teach system about Handlebars templates mimetype.
var mime = require('mime');
mime.define({
    'text/x-handlebars-template': ['hbs']
});

// Create our own asset writable stream, that just outputs the event
// (either 'update' or 'delete'), the given path and the content size.
var debugOutput = AssetStream.Destination.create(function() {
    return function(asset, next) {
        console.log('%s %s (%s B)', asset.event, asset.path, contentSize(asset));
        next();
    };
});

// Setup our pipeline from building blocks. This is not as efficient as
// it could be. For higher performance use the transformCache helper.
AssetStream.source.directory({
    directory: __dirname,
    exclude: '**/*.bundle.js'
}).pipe(
    AssetStream.transform.precompileHandlebars()
).pipe(
    AssetStream.transform.minifyJavaScript()
).pipe(
    AssetStream.transform.bundleJavaScript({ entryPath: '/my-app' })
).pipe(
    AssetStream.transform.compressText()
).pipe(
    debugOutput()
);

Look around the codebase, if you're curious.

Install: npm install assetstream