The optimized & lightweight middleware for serving requests to static assets
npm install sirv> The optimized and lightweight middleware for serving requests to static assets
You may use sirv as a very fast and lightweight alternative to serve-static.
The massive performance advantage over serve-static is explained by not relying on the file system for existence checks on every request. These are expensive interactions and must be avoided whenever possible! Instead, when not in "dev" mode, sirv performs all its file-system operations upfront and then relies on its cache for future operations.
This middleware will work out of the box for Polka, Express, and other Express-like frameworks. It will also work with the native http, https and http2 modules. It requires _very_ little effort to modify/wrap it for servers that don't accept the (req, res, next) signature.
:bulb: For a feature-complete CLI application, check out the sibling sirv-cli package as an alternative to zeit/serve~!
``
$ npm install --save sirv
`js
const sirv = require('sirv');
const polka = require('polka');
const compress = require('compression')();
// Init sirv handler
const assets = sirv('public', {
maxAge: 31536000, // 1Y
immutable: true
});
polka()
.use(compress, assets)
.use('/api', require('./api'))
.listen(3000, err => {
if (err) throw err;
console.log('> Ready on localhost:3000~!');
});
`
Returns: Function
The returned function is a middleware in the standard Express-like signature: (req, res, next), where req is the http.IncomingMessage, res is the http.ServerResponse, and next (in this case) is the function to call if no file was found for the given path.
When defined, a next() callback is always called _instead of_ the opts.onNoMatch callback. However, unlike onNoMatch, your next() is given no arguments.
#### dir
Type: String
Default:
The directory from which to read and serve assets. It is resolved to an absolute path — you must provide an absolute path yourself if process.cwd() is not the correct assumption.
#### opts.dev
Type: Boolean
Default:
Enable "dev" mode, which disables/skips caching. Instead, sirv will traverse the file system on every request.
Additionally, dev mode will ignore maxAge and immutable as these options generate a production-oriented Cache-Control header value.
> Important: Do not use dev mode in production!
#### opts.etag
Type: Boolean
Default:
Generate and attach an ETag header to responses.
> Note: If an incoming request's If-None-Match header matches the ETag value, a 304 response is given.
#### opts.dotfiles
Type: Boolean
Default:
Allow requests to dotfiles (files or directories beginning with a .).
> Note: Requests to /.well-known/* are always allowed.
#### opts.extensions
Type: Array
Default:
The file extension fallbacks to check for if a pathame is not initially found. For example, if a /login request cannot find a login filename, it will then look for login.html and login.htm before giving up~!
> Important: Actually, sirv will also look for login/index.html and login/index.htm before giving up.
#### opts.gzip
Type: Boolean
Default:
Determine if sirv look for precompiled *.gz files.Accept Encoding
Must be enabled _and_ the incoming request's must include "gzip" in order for sirv to search for the gzip'd alternative.
> Note: The .gz assumption also applies to the opts.extensions list.
`js
// NOTE: PSEUDO CODE
// Showing lookup logic
// Request: [Accept-Encoding: gzip] "/foobar.jpg"
lookup([
'/foobar.jpg.gz', '/foobar.jpg',
'/foobar.jpg.html.gz', '/foobar.jpg/index.html.gz',
'/foobar.jpg.htm.gz', '/foobar.jpg/index.htm.gz',
'/foobar.jpg.html', '/foobar.jpg/index.html',
'/foobar.jpg.htm', '/foobar.jpg/index.htm',
]);
// Request: [Accept-Encoding: gzip] "/"
lookup([
'/index.html.gz',
'/index.htm.gz',
'/index.html',
'/index.htm',
]);
`
#### opts.brotli
Type: Boolean
Default:
Determine if sirv look for precompiled *.br files.Accept Encoding
Must be enabled _and_ the incoming request's must include either "br" or "brotli" in order for sirv to search for the brotli-compressed alternative.
> Note: The .br assumption also applies to the opts.extensions list.
When both opts.broli and opts.gzip are enabled — and all conditions are equal — then the brotli variant always takes priority.
`js
// NOTE: PSEUDO CODE
// Showing lookup logic
// Request: [Accept-Encoding: br] "/foobar.jpg"
lookup([
'/foobar.jpg.br', '/foobar.jpg',
'/foobar.jpg.html.br', '/foobar.jpg/index.html.br',
'/foobar.jpg.htm.br', '/foobar.jpg/index.htm.br',
'/foobar.jpg.html', '/foobar.jpg/index.html',
'/foobar.jpg.htm', '/foobar.jpg/index.htm',
]);
// Request: [Accept-Encoding: br,gz] "/"
lookup([
'/index.html.br'
'/index.htm.br'
'/index.html.gz'
'/index.htm.gz'
'/index.html'
'/index.htm'
]);
`
#### opts.maxAge
Type: Number
Default:
Enables the Cache-Control header on responses and sets the max-age value (in seconds).maxAge: 31536000
For example, is equivalent to one year.
#### opts.immutable
Type: Boolean
Default:
Appends the immutable directive on your Cache-Control header, used for uniquely-named assets that will not change!
> Important: Will only work if opts.maxAge has a value defined!
#### opts.single
Type: Boolean or String
Default:
Treat the directory as a single-page application.
When true, the directory's index page (default index.html) will be sent if the request asset does not exist.string
You may pass a value to use a file _instead of_ index.html as your fallback.
For example, if "/about" is requested but no variants of that file exist, then the response for "/" is sent instead:
`js
// Note: This is psuedo code to illustrate what's happening
// Request: "/about"
let file = find(['/about', '/about.html', '/about.htm', '/about/index.html', '/about.htm']);
if (file) {
send(file);
} else if (opts.single === true) {
file = find(['/', '/index.html', '/index.htm']);
send(file);
} else if (typeof opts.single === 'string') {
file = find([opts.single]);
send(file);
} else {
// next() or 404
}
`
#### opts.ignores
Type: false or Array
Specify paths/patterns that should ignore the fallback behavior that opts.single provides.
By default, any asset-like path (URLs that end with an extension) will be ignored. This means that, for example, if /foobar.jpg is not found, a 404 response is sent instead of the index.html fallback.
Additionally, any /.well-known/* pathname ignores the fallback – as do all other dotfile requests when opts.dotfiles is enabled.
Any string value(s) will be passed through new RegExp(value, 'i') directly.
Finally, you may set ignores: false to disable all ignores, including the defaults. Put differently, this will fallback all unknown pathnames to your index.html (or custom opts.single value).
> Important: Only has an effect if opts.single is enabled.
#### opts.onNoMatch
Type: Function
A custom function to run if a file cannot be found for a given request.
By default, sirv will send a basic (404) Not found response.
The function receives the current req pair for as its two arguments.
> Note: This won't run if a next callback has been provided to the middleware; see sirv description.
#### opts.setHeaders
Type: Function
A custom function to append or change any headers on the outgoing response. There is no default.
Its signature is (res, pathname, stats), where res is the ServerResponse, pathname is incoming request path (stripped of queries), and stats is the file's result from fs.statSync`.
MIT © Luke Edwards