getting sinon and fetch-mock to work with webpack.

webpack.config.js

// ...
    module: {
        loaders: [
            // AMD Hacktory has naming collision. cease using AMD loader.
            {
                test: /sinon.*\.js$/,
                loader: 'imports?define=>false',
            },
            // ...
        ],
        noParse: [
            /\/sinon.js/,
        ],
    },
    // ...
    // http://webpack.github.io/docs/list-of-plugins.html
    plugins: [
        
        // ...
        
        // sinon
        new webpack.NormalModuleReplacementPlugin( /^sinon$/, path.resolve( __dirname, 'node_modules' , 'sinon/pkg/sinon.js' ) ),

        // fetch-mock
        new webpack.NormalModuleReplacementPlugin( /^fetch-mock$/, path.resolve( __dirname, 'node_modules' , 'fetch-mock/client.js' ) ),

        // ...
    ],
    // ...

note: I've been writing a lot of ES6 and my linter config expects the last comma (i.e. lines 8 & 13). so bear that in mind if you've got different linter settings or using ES5.