使用Web Worker

reSKRipt内置了对Web Worker的支持，本文会简单地介绍如何快速地编写一个worker。

编写worker

在reSKRipt中，如果一个脚本文件以.worker.{ts,js}作为后缀，则会默认被编译成一个Web Worker的实现。这一功能使用worker-loader实现。

简单来说，你只需要在你的xxx.worker.ts中编写以下内容：

const ctx: Worker = self as any;

ctx.postMessage({foo: 'foo'});
ctx.addEventListener('message', event => console.log(event));

在使用skr build或skr dev时，这个文件会自动编译成一个Web Worker类。使用方可以按如下的方式去使用：

import MyWorker from './xxx.worker';

const worker = new Worker();

worker.onmessage = event => {
    // ...处理事件
};

具体的API请参考Web Worker API了解。

关于强类型

默认情况下，由于TypeScript并无法知道.worker.ts会被编译成一个Web Worker类，通过import引用它时的类型推断是错误的。

你可以在项目的公共类型文件夹里（我们推荐用src/interface这个文件夹）里增加一个worker.d.ts文件，包含以下内容：

declare module "*.worker.ts" {
    class WebpackWorker extends Worker {
        constructor();
    }

    export default WebpackWorker;
}

依靠这个类型声明，TypeScript可以将.worker.ts文件识别为一个类，当然依旧无法推导出强类型的事件类型等。