This loader is intended to wrap your Solid Components for HMR automatically. At this time this plugin cannot preserve downstream state so the Component and all its children are replaced.

# NPM
$ npm install --save-dev solid-hot-loader

You need to add this library to your webpack config. Note that you should carefuly set webpack's rule condition so that solid-hot-loader is only used for actual component files.

module.exports = {
  module: {
    rules: [
      {
        test: /\.js/,
        use: ['solid-hot-loader'],
        // If and only if all your components are in `path/to/components` directory
        include: path.resolve(__dirname, 'path/to/components')
      }
    ]
  }
}

And you have to export each component as default export.

export default MyComponent;