前言:
知道: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
配置這個需求呢?