WebWorker + Webpack4 + Saga

Saga.ts

import { all, call, take } from 'redux-saga/effects';
import { takeLatest } from 'redux-saga/effects'
import { createStore, compose, applyMiddleware } from 'redux';
import createSagaMiddleware from 'redux-saga'
//@ts-ignore
import * as MyWorker from "worker-loader!./trywebWorker"
export function WebWorker() {
   
    return new Promise((resolve, reject) => {
 
        const worker = new MyWorker();

        worker.postMessage("valor qualquer")
        worker.addEventListener('message', (e:any) => {
            worker.terminate();
            resolve(e.data)
        }, false);

    });

}

export function* webWorkerSaga() {
    const worker = yield call(WebWorker);
    console.log({ worker });
}

const sagaMiddleware = createSagaMiddleware();

const reducer = () => ({});

export const store: any = createStore(reducer, applyMiddleware(sagaMiddleware));
sagaMiddleware.run(webWorkerSaga)
store.dispatch({ type: "WEB_WORKER_RUN" })

trywebWorker.ts

const _ = require('lodash')

const obj = { foo1: 'foo' }


console.log(_.has(obj, 'foo'))
// Respond to message from parent thread
self.addEventListener('message', (event) =>
    // Post data to parent thread
    self.postMessage({ foo: 'foo' })) 

webpack.config.js

{
  output: {

    filename: 'bundle.js',

      globalObject: `(typeof self !== 'undefined' ? self : this)`
    
  },
}