How do I build and deploy webviz-core on my own server?

I’m trying to build webviz-core so that I can host it on my own web server, where it will be served out of a different path. Here’s what I do inside a Docker container:

npm run bootstrap
npx lerna run build
npx webpack --env.NODE_ENV=production --config /webpack.config.js

These commands are based on the repository README and what the package.json build script does.

My /webpack.config.js file overrides the project’s in a few ways:

var config = require("/webviz/webpack.config")

// only build the Webviz core bundle
const entry_target = "webvizCoreBundle"
const entry = config.entry[entry_target]
config.entry = {
    entry_target: entry
}

// override the path on the server
config.output.publicPath = "/static/webviz/"

// re-export the modified config
module.exports = config

I take all of the produced files in ./webviz/docs/public/dist/ and copy them to my static files directory.

However, when I navigate to this page in Chrome, I see a lot of noise that it is trying to connect to a local websocket port, and then when I drop a rosbag on it, it tries to load files from /dist/, which isn’t the path I configured:

GET http://localhost/dist/f923f2a26c562dd21f5b.worker.js 404 (Not Found)

[janpaul123]

That said, I’ll also think more about releasing it as an npm package, even with a limited API, just to make it easier to integrate. It shouldn’t be too difficult.

[ubicray]

@rgov I’m trying the same but it’s not working for me overall webpack builds it but doesn’t serve it. and I don’t get to see anything in the static folder afterwards either