2.1.1 • Published 4 years ago
@hisystems/snowpack-plugin-react-refresh v2.1.1
@hisystems/snowpack-plugin-react-refresh
Transforms JavaScript files containing React components automatically to enable React Fast Refresh via Snowpack's HMR API.
npm install --save-dev @hisystems/snowpack-plugin-react-refresh
Setup
// snowpack.config.json
{
"plugins": ["@hisystems/snowpack-plugin-react-refresh"]
}
In addition, you have to add react-refresh/babel
as a plugin to your babel configuration:
// babel.config.json
{
"env": {
"development": {
"plugins": [
"react-refresh/babel"
]
}
}
}
Plugin Options
None
How it Works
This plugin will automatically inject HMR event handlers into any file containing a React component.
In most applications, you'll still want some top-level import.meta.hot
handling code in your application for any non-React file updates. In our Create Snowpack App templates, this would be the HMR handling snippet found in src/index.js
.