webpack integration

Hi, I am trying to use the library in my react component and having trouble to integrate it with webpack. The bottleneck is the integration of minified codec and webworker scripts.

I modified the dicom file example but the loadImage method didn’t work, so I turned off the webworkers.

Then I realized that the codec OpenJPEG wasn’t loading and resulted in this error

Imports in my react component:

import * as cornerstone from 'cornerstone-core';
import * as cornerstoneTools from 'cornerstone-tools';
import * as cornerstoneWADOImageLoader from 'cornerstone-wado-image-loader';
cornerstoneWADOImageLoader.external.cornerstone = cornerstone;
import 'OpenJPEG';

Cornerstone’s OpenJPEG github says the codec should be loaded from the js file as a global object.

I tried to bundle it with webpack, as an external:

externals: {
    OpenJPEG: {
      root: [path.join(VENDOR_ROOT, 'openJPEG-FixedMemory'), 'OpenJPEG'],
     },
  },

but it didn’t work. Can anyone help?

[AdrianLsk]

@hanhanhan thanks for sharing the codesandboxes!

I managed to make the web-worker React example work by using a piece of code from here

Here is a working Codesandbox

[hanhanhan]

@AdrianLsk thanks for figuring it out and introducing me to Blob and importScripts! Time for me to learn more about webworkers.