worker-plugin
worker-plugin 介绍
特征
自动编译Web Worker中加载的模块:
const worker = new Worker('./foo.js',{ type: 'module' });
^^^^^^^^^^
gets bundled using webpack
安装
npm install -D worker-plugin
webpack.config.js配置
+ const WorkerPlugin = require('worker-plugin');
module.exports = {
<...>
plugins: [
+ new WorkerPlugin()
]
<...>
}
使用
worker.js: (our worker module)
// This is a module worker,so we can use imports (in the browser too!)
import { calculatePi } from './some-other-module';
addEventListener('message',event => {
postMessage(calculatePi(event.data));
});
main.js: (our demo,on the main thread)
const piWorker = new Worker('./worker.js',{ type: 'module' });
piWorker.onmessage = event => {
console.log('pi: ' + event.data);
};
piWorker.postMessage(42);
网站地址:https://npm.im/worker-plugin
GitHub:https://github.com/GoogleChromeLabs/worker-plugin
网站描述:向Webpack添加本机Web Worker捆绑支持