Why
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.
Usage
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.
Examples
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.