웹 작업자의 타이프 스크립트로 외부 모듈 가져 오기

Question

웹 작업자의 타이프 스크립트에서 외부 모듈을 사용하려고하는데 문제가 있습니다. 테스트 예제의 코드는 모두 www.windward.net/temp/WebWorkerRequireJs.zip (아래 나열된 주요 사항)입니다.

내가 원하는 타이프 스크립트 (이 메인 스레드에서 잘 작동은 다음과 같습니다

import myClass = require('my-class'); 
class WorkerThread { 
} 
self.onmessage = function (e) { 
    console.log("client received message = " + e.data); 
    var mc = new myClass.MyClass(); 
    console.log("worker thread toUpper = " + mc.toUpper("dave")); 
    self.postMessage("from client"); 
} 

이 정의로 실패 다음과 같은 자바 스크립트가 정의되어 있지 생성 :

define(["require", "exports", 'my-class'], function(require, exports, __myClass__) { 
    var myClass = __myClass__; 

    var WorkerThread = (function() { 
     function WorkerThread() { 
     } 
     return WorkerThread; 
    })(); 
    self.onmessage = function (e) { 
     console.log("client received message = " + e.data); 
     var mc = new myClass.MyClass(); 
     console.log("worker thread toUpper = " + mc.toUpper("dave")); 
     self.postMessage("from client"); 
    }; 
}); 
//# sourceMappingURL=worker-thread.js.map 

그래서 1 단계, importScripts를 추가하고 .js 파일을 호출했습니다.

importScripts('../../scripts/require.js'); 

define(["require", "exports", 'my-class'], function(require, exports, __myClass__) { 
    var myClass = __myClass__; 

    var WorkerThread = (function() { 
     function WorkerThread() { 
     } 
     return WorkerThread; 
    })(); 
    self.onmessage = function (e) { 
     console.log("client received message = " + e.data); 
     var mc = new myClass.MyClass(); 
     console.log("worker thread toUpper = " + mc.toUpper("dave")); 
     self.postMessage("from client"); 
    }; 
}); 
//# sourceMappingURL=worker-thread.js.map 

이것은 작동하지 않고 ROR :

Uncaught Error: Mismatched anonymous define() module: function (require, exports, __myClass__) { 
    var myClass = __myClass__; 

    var WorkerThread = (function() { 
     function WorkerThread() { 
     } 
     return WorkerThread; 
    })(); 
    self.onmessage =...<omitted>...ch 

내가 다음 전환 "요구"를 "정의"이것은 일 : 질문에 이르게

importScripts('../../scripts/require.js'); 

require(["require", "exports", 'my-class'], function(require, exports, __myClass__) { 
    debugger; 
    var myClass = __myClass__; 

    var WorkerThread = (function() { 
     function WorkerThread() { 
     } 
     return WorkerThread; 
    })(); 
    self.onmessage = function (e) { 
     console.log("client received message = " + e.data); 
     var mc = new myClass.MyClass(); 
     console.log("worker thread toUpper = " + mc.toUpper("dave")); 
     self.postMessage("from client"); 
    }; 
}); 
//# sourceMappingURL=worker-thread.js.map 

- 나는 타이프 라이터이 너무가 실행 생성하는 얻는 방법을. typescript 부분을 호출하는 초기 웹 작업자 응용 프로그램 인 기본 javascript 파일을 설정하는 솔루션입니까? 그렇다면 어떻게 설정해야합니까?

또는 typescript 컴파일러에 define에서 import 및 importScripts()를 삽입하도록 변경하는 해결책이 있습니까?

업데이트 : 기본 웹 작업자 파일이 자바 스크립트 파일 인 것처럼 보입니다. importScripts()와 주요 typescript 클래스가 필요합니다. 그 클래스를 생성하면 거기에서 실행됩니다. 그리고 그 시점에서 "통합"이 모든 작업을 "정의"하는 타이프 스크립트 "가져 오기"가 있습니다. 지금까지 ...

Answer 1

작업자 파일은 AMD 로더에 의해로드되지 않고 브라우저에 의해로드됩니다. 따라서 AMD 코드 생성을 중단하고 원시 "필요"호출을 직접 사용해야합니다.