Webpack LRU middleware

Stop building entrypoints you don't need!

The problem

Webpack configurations with a lot of entrypoints will often build a lot of unnecessary modules, taking up valuable build time.

This solution

This module is a wrapper around webpack-dev-middleware, replacing the webpack entry with a cache and mounting entrypoints as they are requested.

• Specify a set of entrypoints on startup
• Build more entrypoints based on trigger requests
• Limit number of active entrypoints to build
• Remove entrypoints when they have not been used for a while

Table of contents

• Install
• Usage
• LICENSE

Install

npm install webpack-lru-middleware --save-dev

Usage

1const webpack = require('webpack');
2const webpackDevMiddleware = require('webpack-dev-middleware');
3const webpackLRU = require('webpack-lru-middleware');
4
5const lru = webpackLRU({
6  // Load this file to make webpack happy
7  defaultEntry: { __empty__: path.resolve(__dirname, './empty.js') },
8  // Preload these entries on startup
9  initialEntry: [],
10  // configure how requests get mapped to entrypoint names:
11  mapToEntry: req => path.basename(req.path, '.js'),
12  // lifecycle hooks for logging / debugging purposes:
13  onAdd: entryName => {},
14  onRemove: entryName => {},
15  // LRU Options to configure caching behavior
16  // passed straight to https://github.com/chriso/lru
17  lru: {
18    max: undefined,
19    maxAge: undefined
20  }
21});
22// Pass a modified webpack config with LRU entries to webpack:
23const compiler = webpack(lru.configure(webpackConfig));
24const middleware = webpackDevMiddleware(compiler);
25
26// Wrap and mount the middlewares:
27app.use(lru.createMiddleware(devMiddleware));

LICENSE

MIT