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捆绑支持
worker-plugin
官方网站:https://npm.im/worker-plugin
小编说
以上是编程之家为你收集整理的worker-plugin全部内容。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。