Error: DiffMatchPatch is not a constructor

Hi all,

I am using angular-diff-match-patch 0.2.4 library with angular 1.5. My project configuration includes typescript and webpack. When I use semantic diff directive, for example:

 <pre semantic-diff left-obj="..." right-obj="..."></pre>

I always receive this exception:

Error: DiffMatchPatch is not a constructor

How can I make it working with webpack?

[yaacovCR]

See https://github.com/amweiss/angular-diff-match-patch/pull/46.

This would streamline above required steps:

1. Install single required webpack module. Type in the terminal:

   npm install --save-dev expose-loader
   

2. expose diff-match-patch library in js file:

   require('expose?diff_match_patch!diff-match-patch');
   

   OR via webpack config

       rules: [{
         test: require.resolve('diff-match-patch'),
         use: [{
           loader: 'expose-loader',
           options: 'diff_match_patch'
         }]
       }]
   

[anotherchrisberry]

Update for @ufoscout - this ended up being how I got around the error:

require('expose?diff_match_patch!diff-match-patch');
let DIFF_INSERT = require('exports?DIFF_INSERT!diff-match-patch/index');
let DIFF_DELETE = require('exports?DIFF_DELETE!diff-match-patch/index');
let DIFF_EQUAL = require('exports?DIFF_EQUAL!diff-match-patch/index');

then, in my service:

$window.DIFF_INSERT = DIFF_INSERT;
$window.DIFF_DELETE = DIFF_DELETE;
$window.DIFF_EQUAL = DIFF_EQUAL;

It’s pretty ugly and I’m sure there’s a better way to do this via Webpack.