This is particularly useful for writing tests where mocking things inside your module-under-test is sometimes necessary before execution.
inject-loader
was inspired by, and builds upon ideas introduced in jauco/webpack-injectable.
Use the inject loader by adding the inject-loader!
inline loader when you use require
, this will return a function that can used in test code to modify the injected module.
By default all require
statements in an injected module will be altered to be replaced with an injector, though if a replacement it not specified the default values will be used.
Given some code in a module like this:
// MyStore.js
var Dispatcher = require('lib/dispatcher');
var EventEmitter = require('events').EventEmitter;
var handleAction = require('lib/handle_action');
Dispatcher.register(handleAction, 'MyStore');
You can manipulate itโs dependencies when you come to write tests as follows:
// If no flags are provided when using the loader then
// all require statements will be wrapped in an injector
MyModuleInjector = require('inject-loader!MyStore')
MyModule = MyModuleInjector({
'lib/dispatcher': DispatcherMock,
'events': EventsMock,
'lib/handle_action': HandleActionMock
})
There are a few examples of complete test setups for both Webpack 1, 2, 3 & 4 in the example
folder.