Questions: Web components HMR for v5.3.4

Dear Maintainers,

With v5.3.x came new setup, particularly, import stories into main.js. Thus HMR approach for Web Components no longer works for '@storybook/html' Are there any workarounds?

[steel]

I’ll put up a PR

[dakom]

For vanilla storybook (e.g. html) here’s a workaround for live reload in the meantime.

1. npm install --save-dev webpack-livereload-plugin

2. In .storybook/main.js:

   2a. const LiveReloadPlugin = require('webpack-livereload-plugin');

   2b. Edit the webpack config. config, here is the thing passed to webpackFinal in module.exports

   //remove HMR
   config.plugins = config.plugins.filter(plugin => plugin.constructor.name != "HotModuleReplacementPlugin");
   config.entry = config.entry.filter(entry => entry.indexOf("webpack-hot-middleware") === -1);
   
   //Add LiveReload
   config.plugins.push(new LiveReloadPlugin());
   

3. In .storybook/preview-head.html add: <script src="http://localhost:35729/livereload.js"></script>