Add loaders when bundling workers (#2092)

packages/core/parcel-bundler/src/packagers/JSPackager.js

@@ -66,6 +66,7 @@ class JSPackager extends Packager {
           this.externalModules.add(mod);
           if (
             !this.bundle.parentBundle ||
+            this.bundle.isolated ||
             this.bundle.parentBundle.type !== 'js'
           ) {
             this.bundleLoaders.add(mod.type);

packages/core/parcel-bundler/test/integration/workers-with-other-loaders/index.js

@@ -0,0 +1,2 @@
+exports.wasmFunctions = require('./add.wasm');
+exports.startWorker = require('./worker-client').startWorker;

packages/core/parcel-bundler/test/integration/workers-with-other-loaders/worker-client.js

@@ -0,0 +1,6 @@
+const {add} = require('./add.wasm');
+
+exports.startWorker = function() {
+  const worker = new Worker('worker.js');
+  worker.postMessage(add(2, 3));
+};

packages/core/parcel-bundler/test/integration/workers-with-other-loaders/worker.js

@@ -0,0 +1,5 @@
+const {add} = require('./add.wasm');
+
+self.addEventListener('message', () => {
+  self.postMessage(add(2, 3));
+});

packages/core/parcel-bundler/test/javascript.js

@@ -448,6 +448,47 @@ describe('javascript', function() {
     });
   });
 
+  it('should support bundling in workers with other loaders', async function() {
+    let b = await bundle(
+      path.join(__dirname, '/integration/workers-with-other-loaders/index.js')
+    );
+
+    await assertBundleTree(b, {
+      name: 'index.js',
+      assets: [
+        'index.js',
+        'worker-client.js',
+        'bundle-loader.js',
+        'bundle-url.js',
+        'js-loader.js',
+        'wasm-loader.js'
+      ],
+      childBundles: [
+        {
+          type: 'wasm',
+          assets: ['add.wasm'],
+          childBundles: []
+        },
+        {
+          type: 'map'
+        },
+        {
+          assets: [
+            'worker.js',
+            'bundle-loader.js',
+            'bundle-url.js',
+            'wasm-loader.js'
+          ],
+          childBundles: [
+            {
+              type: 'map'
+            }
+          ]
+        }
+      ]
+    });
+  });
+
   it('should dynamic import files which import raw files', async function() {
     let b = await bundle(
       path.join(__dirname, '/integration/dynamic-references-raw/index.js')