React自定義修改腳手架配置npm run eject


前言:

知道:create-react-app的背后,隱藏着一個webpack。一般情況下來說,webpack是默默隱藏的幕后英雄,你不需要修改它的配置,只需要簡單無腦使用即可。

某些情況下要修改webpack配置。那么,到底如何才能完成修改webpack配置這個需求呢?

 

主體:

create-react-app本身的webpack配置文件存在於node_modules/react-scripts/目錄下面,但是這個目錄是node_modules/,里面的源碼都是不建議修改的。

create-react-app提供了一個命令,用於釋放這些配置。命令是:

注意:
    eject的翻譯是:噴出,就是說把這些配置文件,從隱藏的位置給噴出來。這鏡像,腦補一下很精彩。而且create-react-app並不推薦大家這么做,因為這個步驟無法逆轉!

 

這里經常遇到問題,產生報錯,無法往下進行npm run eject報錯,詳解.,所以執行之前,一定要做好備份工作,因為這個步驟不可逆轉,也不是官方推薦執行的命令。

 執行完畢后,項目根目錄下面就有config和scripts兩個目錄生成。同時,package.json里面的scripts,也更新了新的命令。

 

此時scripts字段內容如下:

  

 

小結:

看着多出來的兩個文件夾:config/和scripts/,就可以再定義修改相關的create-react-app的系統邏輯了。不過這並不是推薦操作,請知悉。

  

 

   

 

 

 

 

 

 

.

修改webpack配置的。那么,到底如何才能完成修改webpack配置這個需求呢?


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM