{"_id":"react-refresh-webpack-plugin","_rev":"1-f5a02b24fb8c9776cd3209e80da168a2","name":"react-refresh-webpack-plugin","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"react-refresh-webpack-plugin","version":"0.1.0","description":"An **EXPERIMENTAL** Webpack plugin to enable \"Fast Refresh\" (also previously known as _Hot Reloading_) for React components.","keywords":["react","javascript","webpack","refresh","hmr","hotreload","livereload","live","edit","hot","reload"],"homepage":"https://github.com/pmmmwh/react-refresh-webpack-plugin#readme","bugs":{"url":"https://github.com/pmmmwh/react-refresh-webpack-plugin/issues"},"repository":{"type":"git","url":"git+https://github.com/pmmmwh/react-refresh-webpack-plugin.git"},"license":"MIT","author":{"name":"Michael Mok"},"main":"src/index.js","scripts":{"lint":"prettier --check \"**/*.{js,jsx,json,md}\"","lint:fix":"prettier --write \"**/*.{js,jsx,json,md}\""},"dependencies":{"ansi-html":"^0.0.7","error-stack-parser":"^2.0.4","html-entities":"^1.2.1","lodash.debounce":"^4.0.8","react-dev-utils":"^9.1.0","sockjs-client":"^1.4.0"},"devDependencies":{"prettier":"^1.18.2","react-refresh":"^0.7.0","webpack":"^4.41.2"},"peerDependencies":{"react-refresh":">= 0.7"},"engines":{"node":">= 8.x"},"gitHead":"7a8dadafab4495e566f8edbc00e09d210637cd83","_id":"react-refresh-webpack-plugin@0.1.0","_nodeVersion":"12.13.0","_npmVersion":"6.13.1","dist":{"integrity":"sha512-ZQvykPnJg1T1icAUMXCnh796TLgkPsY/Tu2colMKnPVuXBr4u8KTAX+vNM3WXHd5zJWvrzzxIBUOHw8I3LpNdA==","shasum":"e5d48e45ba7789e0b3feb2c2e24e2eb2059076ad","tarball":"https://registry.npmjs.org/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.1.0.tgz","fileCount":29,"unpackedSize":53209,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd6pjICRA9TVsSAnZWagAAC8oQAInKOCdzz8H3hCqsiHQ6\nQAWMdj3KrOcL9NrmlSzCyIr2M1Dz8RsEbAIp5uZFUEIq59DadimpXSYJq7zl\nX92vVRx6bBsoMgXc/vxa1Y6lIyWnteEOsoMRYBjYvv7MCBZYYNqS3xZPwiEI\na0aE3+2o6LL4/YCw/YnVT+g2N4NRcfIiPT3GVSOQAJdkUSW1AmfgUGVIh7um\ncAlXdHUToh89iJ3HTzI66s3+7dKPVaV6Z10EbiTl7WIzTvlCsdY09xg2gFQO\nfLDF9r2MOrldovwt5C6UZCHYhuW573nJGyRweo92BTWsRPpghaV4aiuQoJil\n0K7TRBV5RP7Qodxzz4xF87+hn+pqTLfaK7Q82XYEZVLbrbvdMaON1nkKLg/1\nQ7wJ6yCvQ9BbsQQo8lS2sBnPQh9EiqDdLcXVVVSiYL4Dz7GzmbsatLaCS3hh\nM6UMQK29uiCTaDgl2tZve/kXR2pOSpgj2SFila1iXxosME32Squ3uoS7MwgS\nh/fDtKuLTVgoGVh33ucKfPF8q8e+sSp7PZ1MI6FfIurq0InqVW4tlyzdJfQl\nIzQ9JlrRga3d0oHwpCcMLD0/L7TOVwFVw42HtAweUqIcxgm4OG27tteoeXiQ\nyh8Kia8WFd6IP/BGZm/Sm+MlHHekIXjOGCon+qkOjYc87+P5sN1b73FbgzgL\nE1cM\r\n=udrP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDv/oTvcxbR7wwuru7OC6HgtBUlhr8QxDOyenUEp/mFcwIgASKrgEcufJL/ZcDHciJqXXmq2R+emeeWw42Wx/XvVPM="}]},"maintainers":[{"name":"pmmmwh","email":"pmmmwh@gmail.com"}],"_npmUser":{"name":"pmmmwh","email":"pmmmwh@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-refresh-webpack-plugin_0.1.0_1575655623897_0.9988003197246496"},"_hasShrinkwrap":false}},"time":{"created":"2019-12-06T18:07:03.896Z","0.1.0":"2019-12-06T18:07:04.116Z","modified":"2022-05-15T02:37:31.715Z"},"maintainers":[{"name":"pmmmwh","email":"pmmmwh@gmail.com"}],"description":"An **EXPERIMENTAL** Webpack plugin to enable \"Fast Refresh\" (also previously known as _Hot Reloading_) for React components.","homepage":"https://github.com/pmmmwh/react-refresh-webpack-plugin#readme","keywords":["react","javascript","webpack","refresh","hmr","hotreload","livereload","live","edit","hot","reload"],"repository":{"type":"git","url":"git+https://github.com/pmmmwh/react-refresh-webpack-plugin.git"},"author":{"name":"Michael Mok"},"bugs":{"url":"https://github.com/pmmmwh/react-refresh-webpack-plugin/issues"},"license":"MIT","readme":"# React Refresh Webpack Plugin\n\nAn **EXPERIMENTAL** Webpack plugin to enable \"Fast Refresh\" (also previously known as _Hot Reloading_) for React components.\n\n## Installation\n\nFirst - this plugin is not 100% stable.\nIt works pretty reliably, and we have been testing it for some time, but there are still edge cases yet to be discovered.\nPlease **DO NOT** use it if you cannot afford to face breaking changes in the future.\n\n```sh\n# if you prefer npm\nnpm install -D react-refresh-webpack-plugin react-refresh\n\n# if you prefer yarn\nyarn add -D react-refresh-webpack-plugin react-refresh\n```\n\n## Usage\n\nFirst, apply the plugin in your Webpack configuration as follows:\n\n**webpack.config.js**\n\n```js\nconst ReactRefreshWebpackPlugin = require('react-refresh-webpack-plugin');\n// ... your other imports\n\nmodule.exports = {\n  // ... other configurations\n  plugins: [\n    // ... other plugins\n    new ReactRefreshWebpackPlugin(),\n  ],\n};\n```\n\nThen, update your Babel configuration.\nThis can either be done in your Webpack config (via options of `babel-loader`), or in the form of a `.babelrc`/`babel.config.js`.\n\n**webpack.config.js** (if you choose to inline the config)\n\n```js\nmodule.exports = {\n  module: {\n    rules: [\n      // ... other rules\n      {\n        // for TypeScript, change the following to \"\\.[jt]sx?\"\n        test: /\\.jsx?$/,\n        exclude: /node_modules/,\n        use: [\n          // ... other loaders\n          {\n            loader: require.resolve('babel-loader'),\n            options: {\n              // ... other options\n              // DO NOT apply the plugin in production mode!\n              plugins: [require.resolve('react-refresh/babel')],\n            },\n          },\n        ],\n      },\n    ],\n  },\n};\n```\n\n**.babelrc** (if you choose to extract the config)\n\n```json5\n{\n  plugins: ['react-refresh/babel'],\n}\n```\n\n## Options\n\nThis plugin accepts a few options that are specifically targeted for advanced users.\nThe allowed values are as follows:\n\n|           Name            |   Type    | Default | Description                                                                                                                      |\n| :-----------------------: | :-------: | :-----: | :------------------------------------------------------------------------------------------------------------------------------- |\n| **`disableRefreshCheck`** | `boolean` | `false` | Disables detection of react-refresh's Babel plugin. Useful if you have a Babel setup that is not entirely controlled by Webpack. |\n|     **`forceEnable`**     | `boolean` | `false` | Enables the plugin forcefully. Useful if you want to use the plugin in production, for example.                                  |\n\n## Related Work\n\n- [Initial Implementation by @maisano](https://gist.github.com/maisano/441a4bc6b2954205803d68deac04a716)\n","readmeFilename":"README.md"}