react從搭建環境到打包專案

2021-09-12 08:51:48 字數 660 閱讀 4984

切換到專案跟目錄:cd 目錄

本地開發環境執行:npm run start    //自動開啟瀏覽器看效果

打包命令:npm run build  

生成乙個build資料夾(打包後的檔案)

1.可以直接訪問裡面得index.html檔案的,但是會報錯,路徑找不到的問題,這裡需要在package.json裡面新增一句話 將路徑設定一下:  "homepage":"."

2.搭建本地靜態伺服器然後訪問,命令是:

npm install -g serve    //安裝本地靜態伺服器

serve -s build             //將build環境放在伺服器上     

訪問上面兩個位址就可以看到專案啦

ps:如果是放在伺服器上,就是把build資料夾放在要執行的伺服器位址的跟目錄裡面,和本地訪問是乙個道理,只不過是換了個位址網域名稱。

react搭建專案環境

在index.js引入react元件 import react from react import reactdom from react dom reactdom.render document.getelementbyid root import react,from react class e...

從零搭建react專案

1,新建乙個空白資料夾 本文的資料夾boke cd到該目錄,開始初始化,這裡用yarn yarn init 或者 npm init y一路enter之後會生成乙個package.json檔案,內容如下 keywords author license isc 2,安裝webpack,為了避免出現不可知...

react環境搭建

react webpack資料夾是開發目錄,在此目錄下執行命令,假設你已經正確安裝了 nodejs 一 參照教程搭建環境 以下模式請用 超級管理員來執行 npm install g yo 安裝 yeoman 可選 npm install g generator react webpack 安裝生成器...