vue-jsx-hot-loader
Works with:
This loader will enable Hot Module Replacement
for Webpack when using Vue's JSX render functions.
Installation
npm install vue-jsx-hot-loader
Usage
// path/to/component.jsx { return <div> <p>Hello</p> </div> ; };
// webpack.config.js // ... module: loaders: // Enable HMR for JSX. test: /\.jsx$/ use: 'babel-loader' 'vue-jsx-hot-loader' // Remember to use babel on the rest of the JS files. test: /\.js$/ use: 'babel-loader' ;
Gotchas
- It only works for the default exported module (which should normally be the component itself).
Development
Playground
npm run playground
Release
npx np