react开发神器,不用你就亏了

40 阅读1分钟

原先改完代码保存,整个网页就重新加载,只能重新登录页面,很麻烦,了解到有react-hot-loader、react-refresh,折腾一番,react-hot-loader始终不生效,而且官方也已经停止维护了,而是推荐使用react-refresh,于是在AI的帮助下,加上这么点东西,搞定,页面state数据不会保存,不过影响也不大。

react热加载使用,依赖版本:
"webpack": "4.47.0",
"webpack-dev-server": "3.11.3",
"react-refresh": "0.10.0",
"@pmmmwh/react-refresh-webpack-plugin": "0.5.7",

webpack.config.dev.js

const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
entry: [
    //require.resolve('react-dev-utils/webpackHotDevClient'), //注释掉这个
],
plugins: [  
    new ReactRefreshWebpackPlugin({
      overlay: false,
    }),
]