需求
- 前端打完包給測(cè)試赋朦，需要改動(dòng)env中的配置 如：請(qǐng)求地址，logo李破，title宠哄；每次修改再去打包太麻煩，
思路
- 把env包提取到build打包后的文件中嗤攻，方便每次修改
代碼實(shí)現(xiàn)
#!/bin/bash
# 配置時(shí)間戳當(dāng)做hash值毛嫉，防止緩存
TIME=$(date "+%Y%m%d%H%M%S")
# 新建globalConfig.js
touch globalConfig.js
# 抓取.env.production 中的參數(shù)
# 注意.env.production 格式應(yīng)為：
# REACT_APP_API_TITLE=title 等號(hào)左右不要有空格
function copy_env_to_config_json() {
array=($(cat .env.production))
echo -e "window.__globalEnvData__={" > globalConfig.js
for ((i=0;i<${#array[@]};i++)); do
num=$(echo $((${#array[@]}-1)))
name=$(echo ${array[$i]%=*})
value=$(echo ${array[$i]#*=})
if [[ ${name} && ${value} ]];
then
if [[ "$i" == ${num} ]];
then
echo -e "\"${name}\":\"${value}\"" >> globalConfig.js
else
echo -e "\"${name}\":\"${value}\"," >> globalConfig.js
fi
fi
done
echo -e "}" >> globalConfig.js
}
copy_env_to_config_json
echo "1. 保存config配置文件"
grep "process.env" -rl ./src* | xargs sed -i "s/process.env/window.__globalEnvData__/g"
echo "2. 修改process.env 為window.__globalEnvData__"
npm run build
echo '3. 構(gòu)建項(xiàng)目'
grep "window.__globalEnvData__" -rl ./src* | xargs sed -i "s/window.__globalEnvData__/process.env/g"
echo "3.1 還原源文件"
sed -i "s%</head>%<script src='/globalConfig/globalConfig${TIME}.js'></script></head>%g" ./build/index.html
echo "4. 設(shè)置index.html script引入"
mkdir ./build/globalConfig
mv ./globalConfig.js ./build/globalConfig/globalConfig${TIME}.js
echo '5. 移動(dòng)配置文件到構(gòu)建完的項(xiàng)目'
最后
- 打包完之后會(huì)有一個(gè)
build/globalConfig/globalConfig${TIME}.js 文件，在這修改即可妇菱！
注意
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
