Added web worker example
This commit is contained in:
29
scripts/webpack.config.worker.dev.js
Normal file
29
scripts/webpack.config.worker.dev.js
Normal file
@@ -0,0 +1,29 @@
|
||||
const path = require('path');
|
||||
const webpack = require('webpack');
|
||||
const common = require('./webpack.config.common');
|
||||
|
||||
const genConfig = ({
|
||||
entry, filename, library, libraryTarget,
|
||||
}) => ({
|
||||
...common,
|
||||
mode: 'development',
|
||||
target: 'webworker',
|
||||
entry,
|
||||
output: {
|
||||
filename,
|
||||
library,
|
||||
libraryTarget,
|
||||
},
|
||||
devServer: {
|
||||
allowedHosts: ['localhost', '.gitpod.io'],
|
||||
},
|
||||
});
|
||||
|
||||
module.exports = [
|
||||
genConfig({
|
||||
entry: path.resolve(__dirname, '..', 'src', 'index.js'),
|
||||
filename: 'ffmpeg.dev.js',
|
||||
library: 'FFmpeg',
|
||||
libraryTarget: 'umd',
|
||||
}),
|
||||
];
|
||||
25
scripts/worker-server.js
Normal file
25
scripts/worker-server.js
Normal file
@@ -0,0 +1,25 @@
|
||||
const webpack = require('webpack');
|
||||
const middleware = require('webpack-dev-middleware');
|
||||
const express = require('express');
|
||||
const path = require('path');
|
||||
const cors = require('cors');
|
||||
const webpackConfig = require('./webpack.config.worker.dev');
|
||||
|
||||
const compiler = webpack(webpackConfig);
|
||||
const app = express();
|
||||
|
||||
function coi(req, res, next) {
|
||||
res.setHeader("Cross-Origin-Opener-Policy", "same-origin");
|
||||
res.setHeader("Cross-Origin-Embedder-Policy", "require-corp");
|
||||
next();
|
||||
}
|
||||
|
||||
app.use(cors());
|
||||
app.use(coi);
|
||||
|
||||
app.use('/', express.static(path.resolve(__dirname, '..')));
|
||||
app.use(middleware(compiler, { publicPath: '/dist', writeToDisk: true }));
|
||||
|
||||
module.exports = app.listen(3000, () => {
|
||||
console.log('Server is running on port 3000');
|
||||
});
|
||||
Reference in New Issue
Block a user