Vue JSX HMR

Hot module replacement for Vue 2 JSX components.

Usage

Install the dependency:

npm i -D vue-jsx-hmr

Use the loader in Webpack module rules:

module.exports = {
  module: {
    rules: [
      {
        test: /\.(j|t)sx$/,
        use: ["babel-loader", "vue-jsx-loader"],
      },
    ],
  },
};

Limitations

• Only defineComponent components are recognized.
• Only non-default exported components are recognized.