react 怎麼實現熱更新

react實作熱更新的方法：1、使用「yarn add react-hot-loader -D」指令下載「react-hot-loader」；2、新增「react-hot-loader/babel」進入「.babelrc」檔案；3、 在App.js中修改為程式碼為「import { hot } from 'react-hot-loader/root';」即可。

本教學操作環境：Windows10系統、react18版、Dell G3電腦。

react 怎麼實現熱更新？

[React] create-react-app 實作熱更新

#一、使用以下命令列下載react-hot-loader

yarn add react-hot-loader -D

或

npm install react-hot-loader

二、新增react-hot-loader/babel 進入.babelrc 檔案

// .babelrc
{
  "plugins": ["react-hot-loader/babel"]
}

三、 在App.js 中修改為如下程式碼

// App.js
import { hot } from 'react-hot-loader/root';
const App = () => <div>Hello World!</div>;
export default hot(App);

推薦學習：《react影片教學》

以上是react 怎麼實現熱更新的詳細內容。更多資訊請關注PHP中文網其他相關文章！