按照官網(wǎng)的做法做了很久都沒找到頭緒沉迹,而且各種報(bào)錯(cuò),?react-app-rewired的版本也無法使用
后來找到的解決辦法哺窄,參照https://blog.csdn.net/guo187/article/details/93209335
步驟如下:
1.引入?react-app-rewired?并修改 package.json 里的啟動(dòng)配置。。由于新的?react-app-rewired@2.x?版本的關(guān)系孽鸡,你需要還需要安裝?customize-cra。
$ npm install react-app-rewired customize-cra --save-dev
2.修改package.json?中scripts為下面內(nèi)容栏豺,? ?/* package.json */
"scripts": {
"start":"react-app-rewired start",
"build":"react-app-rewired build",
"test":"react-app-rewired test --env=jsdom",
"eject":"react-scripts eject"
}
3.在package.json中添加以下代碼
"theme": {
"@brand-primary":"red",
"color-text-base":"#333"
}
4.然后在項(xiàng)目根目錄創(chuàng)建一個(gè) config-overrides.js 用于修改默認(rèn)配置彬碱,并添加以下內(nèi)容
const {override,fixBabelImports,addLessLoader } =require('customize-cra');
const theme? =require('./package').theme
module.exports =override(
fixBabelImports('import', {
libraryName:'antd-mobile',
style:true,
}),
addLessLoader({
modifyVars:theme
? })
);
如有不對(duì)的地方請(qǐng)及時(shí)指正