create react app腳手架基本配置講解

2021-09-02 17:37:02 字數 412 閱讀 6928

或者直接設定npm的預設倉庫:

npm config set registry  

首先初始化乙個專案:

下面就專案目錄結構進行分析:

1:專案目錄下面的public和src目錄下的index檔案必須存在且不能修改名稱;其他的檔案可以刪除和修改名稱,因為webpack只會編譯src目錄下面的檔案,所以專案中需要編譯的的檔案都需要放在src下面。

2:可使用的指令碼:

npm start:啟動專案並且預設在3000埠下執行該專案;如果想要改變埠,可以修改配置檔案script下的start.js裡面的depault_port欄位對應的埠號

npm test:在互動監視模式下啟動測試執行程式

create react app學習筆記

開始 cd aa npm start1,檔案結構 2,可用的指令碼命令 支援最新的js語法和墊層。這個專案支援es6,es7,es8等 3,新增 4,使用public目錄 5,使用全域性變數 6,新增bootstrap 7,新增flow 8,新增環境變數 這些環境變數在構建的過程中會自動替換成想要的...

create react app中新增less支援

npm run eject執行之後,我們發現多了乙個config資料夾 這樣就可以修改 webpack 相關配置了。在專案根目錄 使用 npm 或者 yarn 來安裝 less 和 less loader,我這裡使用的是 yarn yarn add less less loader我們需求修改 we...

create react app原始碼解讀

複製 複製 在實現 之前我們先梳理一上思路 通過commander獲取專案名稱 如果專案名稱為空 實際上還要對包名進行有效性檢查的,這裡暫且忽略 則退出程序,並提示使用者專案名稱不能為空,否則進行步驟3 在當前目錄下建立乙個子目錄,目錄名稱就是使用者輸入的專案名,並在裡面初始化乙個package.j...