首頁 > web前端 > 前端問答 > react 怎麼實現熱更新

react 怎麼實現熱更新

藏色散人
發布: 2022-12-20 11:15:02
原創
2917 人瀏覽過

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';」即可。

react 怎麼實現熱更新

本教學操作環境: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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板