Merge branch 'master' of http://192.168.4.105:8080/gitbucket/git/08335/hivui-platform-template

08335 / hivui-platform-template

hivui平台项目模板

Browse code Merge branch 'master' of http://192.168.4.105:8080/gitbucket/git/08335/hivui-platform-template master
commit 8b51de4f7b5f331471f347e696f5af6887e40c7d 2 parents 215b910 + 88c34e8 hhb authored on 11 Feb 2022

Showing 6 changed files

Ignore Space Show notes View build/bin/oper.sh
#!/bin/bash ## 权限问题，用 chmod u+x .sh ## eg: oper.sh # 用户名 # 项目名 # 操作 (create , restart , start , kill , stop , del , build , sync) # 部署路径 (upload) # 同步内容 (node_modules , build , cli) cmdDir=$( cd $(dirname "$0") pwd ) username=$1 #用户名 projectName=$2 #项目名 cmd=$3 #命令 port=$4 #端口 # .pre2.hieap.cn==>http://192.168.4.192:8001 # .pre.hieap.cn==>http://192.168.10.242:31167 ip=`ifconfig -a\|grep inet\|grep -v 127.0.0.1\|grep -v inet6\|awk '{print $2}'\|tr -d "addr:"` tagIp="192.168.4.193" if [[ $ip == $tagIp* ]]; then DEV_BASE_API='http://192.168.4.106:7777/' #传给配置 .env.development 的 VITE_APP_BASE_API 做后端请求数据 else DEV_BASE_API='http://e52.hieap.cn/' #传给配置 .env.development 的 VITE_APP_BASE_API 做后端请求数据 fi tagIp192="192.168.4.192" nginxStr='' # map $http_upgrade $connection_upgrade { # default upgrade; # '' close; # } # server { # listen 8001; # location / { # proxy_pass http://192.168.4.192:36962; # proxy_http_version 1.1; # proxy_set_header Upgrade $http_upgrade; # proxy_set_header Connection "upgrade"; # proxy_set_header X-real-ip $remote_addr; # proxy_set_header X-Forwarded-For $remote_addr; # proxy_set_header Origin ""; # } # } function getNginx(){ nginxStr='' location=' location / {\n\t\t' location=$location' proxy_pass http://127.0.0.1:'${1}';\n\t' location=$location' proxy_http_version 1.1;\n\t' location=$location' proxy_set_header Upgrade $http_upgrade;\n\t' location=$location' proxy_set_header Connection "upgrade";\n\t' location=$location' proxy_set_header X-real-ip $remote_addr;\n\t' location=$location' proxy_set_header X-Forwarded-For $remote_addr;\n\t' location=$location' proxy_set_header Origin "";\n\t' location=$location' index index.html index.htm;\n\t\t' location=$location' }\n' if [[ $ip == $tagIp192 ]]; then # .pre2.hieap.cn==>http://192.168.4.192:8001 nginxStr='\n\t\#start '${projectName}${username}'\n\t' nginxStr=$nginxStr'server {\n\t' nginxStr=$nginxStr' listen 8001;\n\t' nginxStr=$nginxStr' server_name '${projectName}'.'${username}'.pre2.hieap.cn;\n\t' nginxStr=${nginxStr}${location} nginxStr=$nginxStr' }\n\t' nginxStr=$nginxStr'\#end '${projectName}${username}'\n\n\n' elif [[ $ip == $tagIp* ]]; then nginxStr='' else # .pre.hieap.cn==>http://192.168.10.242:32467 nginxStr=$nginxStr'\n\t\#start '${projectName}${username}'\n\t' nginxStr=$nginxStr'server {\n\t' nginxStr=$nginxStr' listen 8001;\n\t' nginxStr=$nginxStr' server_name '${projectName}'.'${username}'.pre.hieap.cn;\n\t' nginxStr=${nginxStr}${location} nginxStr=$nginxStr' }\n\t' nginxStr=$nginxStr'\#end '${projectName}${username}'\n\n\n' fi } #BASH_SOURCE[0]用户所在的目录到脚本的路径 ## 获取eap5.0 路径 # eap5Dir="$( cd "$( dirname "${BASH_SOURCE[0]}" )" && pwd )" eap5Dir="${cmdDir%/hiruntime}" projectPath=${eap5Dir}/desktop/preview tmpPath=${eap5Dir}/hiruntime/project/desktop/project-template source[0]='\t<% if(htmlWebpackPlugin.vite){%>\n\t<!--预览时公共库-->' source[1]='\n\t<script src="\/'${projectName}'\/setting\/desktop\/development.js" type="text\/javascript"><\/script>' source[2]='\n\t<%}%>' source[3]='\n\t<% if(!htmlWebpackPlugin.vite){%>\n\t<!--发布时公共库-->' source[4]='\n\t<script src="\/${serverName}\/render\/'${username}'\/'${projectName}'\/setting\/desktop\/appsetting.js" type="text\/javascript"><\/script>' source[5]='\n\t<%}%>\n' viteStr[0]='let socketHost = `${__HMR_HOSTNAME__ \|\| location.hostname}:${__HMR_PORT__}`;' viteStr[1]='let socketHostSplit = socketHost.split(".");' viteStr[2]='if(isNaN(parseInt(socketHostSplit[0]))){socketHost = socketHost.substring(0,socketHost.indexOf(":"));}' nrm del zhc nrm add zhc http://npm.hieap.cn/ nrm use zhc case $cmd in "create") #创建 #参数个数判断，至少4个 if [ $# -lt 4 ];then echo "创建项目命令参数不对：$" echo "创建项目命令正确参数：用户名项目名 create 桌面预览端口" exit 1 fi # source ${cmdDir}/var_env.sh # echo ${DEV_BASE_API} echo eap5Dir: ${eap5Dir} echo projectPath: ${projectPath} if [ ! -d "${projectPath}/${username}" ];then mkdir "${projectPath}/${username}" #创用户工作空间 fi if [ -d "${projectPath}/${username}/${projectName}" ];then echo "项目名已经存在！" exit 1 fi echo "<1>git正在拉取web端项目基础文件" git clone http://192.168.4.105:8080/gitbucket/git/08335/hivui-platform-template.git "${projectPath}/${username}/${projectName}/deploy" echo "<2>初始化node环境..." cp -rf ${tmpPath}/node_modules ${projectPath}/${username}/${projectName}/deploy/node_modules cd ${projectPath}/${username}/${projectName}/deploy/ rm -rf ./build/bin rm -rf ./build/doc.txt echo "<3>初始化相关配置..." ## 修改模板，重命项目名 mv project ${projectName} sed -i 's#\(VITE_APP_USERPATH \?= \?\).#\1'"/e5/render/${username}"'#g' .env.production sed -i 's#\(VITE_APP_PN \?= \?\).#\1'"${projectName}/${username}"'#g' ${projectPath}/${username}/${projectName}/deploy/.env.development sed -i 's#\(VITE_APP_BASE_API \?= \?\).#\1'"${DEV_BASE_API}"'#g' .env.development ## 替换 package.json 的 name 值 author值，打包时候输出静态地址是这个 sed -i 's#\("name": \?"\).#\1'"${projectName}"'",#g' package.json sed -i 's#\("author": \?"\).#\1'"${username}"'",#g' package.json ## 替换 processes.json 的 args 值 sed -i '4s#\("name": \?"\).#\1'"vite-${username}-${projectName}"'",#g' processes.json sed -i '7s#\("args": \?"\).#\1'"--host --port ${port}"'",#g' processes.json cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/hivuiLogin sed -i 's/<\/head>/'"${source[]}"'<\/head>/g' index.html cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/hivuiMain sed -i 's/<\/head>/'"${source[]}"'<\/head>/g' index.html cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/hivuiBirt sed -i 's/<\/head>/'"${source[]}"'<\/head>/g' index.html cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/setting/desktop/appsetting/js/1.0.0 sed -i 's#\(projectName \?= \?\).#\1"'"${projectName}"'";#g' appsetting.js echo "<4>配置Nginx环境" getNginx $port # /usr/local/nginx/conf/nginx.conf cd /usr/local/nginx/conf #删除原来有的配置 sed -i '/\#start '${projectName}${username}'/,/\#end '${projectName}${username}'/d' nginx.conf sed -i "s#http.{#http {${nginxStr}#g" nginx.conf cd /usr/local/nginx/sbin # 清缓存 rm -rf /usr/local/nginx/proxy_temp ./nginx -s reload echo "<5>配置node_modules/vite环境" # node_modules/vite 环境 cd ${projectPath}/${username}/${projectName}/deploy/node_modules/vite/dist/client sed -i "s#const.socketHost.=.#${viteStr[]}#g" client.js sed -i "s#case 'update':.#case 'update':return;#g" client.js sed -i "s#case.'full-reload':.#case 'full-reload':return;#g" client.js echo "<6>正在启动服务..." cd ${projectPath}/${username}/${projectName}/deploy/ npm run pm2:start pm2 save exit 1 ;; "delete") #删除 #参数个数判断，至少3个 if [ $# -lt 3 ];then echo "删除项目命令参数不对：$" echo "删除项目命令正确参数：用户名项目名 delete" exit 1 fi if [ $username = "admin" -a $projectName = "systpl" ] ; then echo "系统模板，不可删除！" exit 1 fi curPid=`pm2 pid vite-${username}-${projectName}` if [ ! -z "$curPid" ];then echo "vite-${username}-${projectName} 正在关闭服务..." pm2 delete "vite-${username}-${projectName}" fi ### 删除用户项目 rm -rf ${projectPath}/${username}/${projectName} echo "用户：${username} 项目：${projectName} 删除成功！" pm2 save exit 1 ;; "restart") #重启 echo "》》》正在重启服务..." curPid=`pm2 pid vite-${username}-${projectName}` if [ ! -z "$curPid" ];then echo "vite-${username}-${projectName} 正在关闭服务..." pm2 delete "vite-${username}-${projectName}" fi cd ${projectPath}/${username}/${projectName}/deploy/ npm run rm:vite npm run pm2:start pm2 save echo "已经重启服务！！" exit 1 ;; "build") #编译 uploadPath=$4 modules=$5 #参数个数判断，至少3个 # if [ $# -lt 4 ];then # echo "编译项目命令参数不对：$" # echo "编译项目命令正确参数：用户名项目名 build 上传服务器路径 [指定编译模块]" # exit 1 # fi ### 用pm2管理，用pm2 重启指定的 cd "${projectPath}/${username}/${projectName}/deploy" npm run build $modules #yarn run pm2:stop vite-${username}-${projectName} cd "${projectPath}/${username}/${projectName}/deploy/" if [[ ! -d "${projectPath}/${username}/${projectName}/deploy/dist/yslz/funclib/desklib" ]]; then mkdir -p "${projectPath}/${username}/${projectName}/deploy/dist/yslz/funclib/desklib" fi cp -rf "${projectPath}/${username}/${projectName}/deploy/yslz/funclib/desklib" "${projectPath}/${username}/${projectName}/deploy/dist/yslz/funclib/" ## 删除之前打包文件 rm -rf "${username}_${projectName}_dist.zip" cd "${projectPath}/${username}/${projectName}/deploy/dist" mkdir -p "${projectPath}/${username}/${projectName}/deploy/dist/${username}/${projectName}" cp -rf "${projectPath}/${username}/${projectName}/deploy/dist/${projectName}" "${projectPath}/${username}/${projectName}/deploy/dist/${username}/" rm -rf "${projectPath}/${username}/${projectName}/deploy/dist/${projectName}" zip -q -r "${username}_${projectName}_dist.zip" ./* cp -rf "${projectPath}/${username}/${projectName}/deploy/dist/${username}_${projectName}_dist.zip" "${projectPath}/${username}/${projectName}/deploy/" cd ${projectPath}/${username}/${projectName}/deploy/ if [ -z "$uploadPath" ]; then echo '未传服务器路径，请自行拷贝！' exit 1; fi if [[ ! -d "$uploadPath" ]]; then echo "编译命令：上传文件夹不存在, 正在帮您创建目录..." mkdir -p "${uploadPath}" fi echo "正在拷到服务器目录：${uploadPath}" # cp -f "${username}_${projectName}_dist.zip" "${uploadPath}" cp -fv "${username}_${projectName}_dist.zip" "${uploadPath}" echo "(‐^▽^‐) 编译打包成功！" ;; "sync") #同步环境 #参数个数判断，至少4个 if [ $# -lt 4 ];then echo "同步项目命令参数不对：$" echo "同步项目命令正确参数：用户名项目名 sync 同步方式" exit 1 fi way=$4 if [ $way = 'sysfunc' ];then #同步系统功能 echo "》》》同步系统功能..." git clone http://192.168.4.105:8080/gitbucket/git/js-team2/zhc-birt-platf.git ${eap5Dir}/hiruntime/project/desktop/__zhc-birt-platf rm -rf ${eap5Dir}/hiruntime/project/desktop/zhc-birt-platf cp -rf ${eap5Dir}/hiruntime/project/desktop/__zhc-birt-platf/project/ ${eap5Dir}/hiruntime/workspace/${username}/${projectName}/ rm -rf ${eap5Dir}/hiruntime/project/desktop/__zhc-birt-platf echo "》》》系统功能已同步！" exit fi if [ $way = 'nginx' ];then #nginx环境 #获取端口 portStr=$(cat ${projectPath}/${username}/${projectName}/deploy/processes.json \| sed 's/,/\n/g' \| grep "args" \| sed 's/:/\n/g' \| sed '1d' \| sed 's/"//g') portNum=`echo $portStr \| tr -cd "[0-9]"` # echo $portNum if [ $portNum = '' ];then echo '取不到端口信息！' exit 1; fi cd /usr/local/nginx/conf #删除原来有的配置 sed -i '/\#start '${projectName}${username}'/,/\#end '${projectName}${username}'/d' nginx.conf #设置相关配置返回到nginxStr getNginx $portNum #写入配置文件 sed -i "s#http.{#http {${nginxStr}#g" nginx.conf cd /usr/local/nginx/sbin # 清缓存 rm -rf /usr/local/nginx/proxy_temp ./nginx -s reload echo "》》》nginx环境已同步！" exit fi git clone http://192.168.4.105:8080/gitbucket/git/08335/hivui-platform-template.git ${eap5Dir}/hiruntime/project/desktop/__gittmp ## rsync ${eap5Dir}/hiruntime/project/desktop/__gittmp ${tmpPath} rm -rf ${eap5Dir}/hiruntime/project/desktop/project-template cp -rf ${eap5Dir}/hiruntime/project/desktop/__gittmp ${eap5Dir}/hiruntime/project/desktop/project-template rm -rf ${eap5Dir}/hiruntime/project/desktop/__gittmp case $way in "build") #同步打包环境 echo "》》》正在同步打包环境..." rsync -auz ${tmpPath}/build ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/babel.config.js ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/.postcssrc.js ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/.browserslistrc ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/vite-plugin ${projectPath}/${username}/${projectName}/deploy/ echo "》》》打包环境已同步！" exit 1 ;; "hiui") #同步hiui资源库 echo "》》》正在同步hi-ui库..." cd "${tmpPath}/" npm i hi-ui -S rm -rf ${projectPath}/${username}/${projectName}/deploy/node_modules/hi-ui rsync -auz ${tmpPath}/node_modules/hi-ui ${projectPath}/${username}/${projectName}/deploy/node_modules/ ## 取hi-ui版本并更新root package.json ## cd ${projectPath}/${username}/${projectName}/deploy/node_modules/hi-ui/ ## sed -i 's#\("name": \?"\).#\1'"${projectName}"'",#g' package.json echo "hiui已同步！" ;; "taskcenter") #同步环境 echo "》》》正在同步任务中心..." cd "${tmpPath}/" npm i hi-taskcenter -S rm -rf ${projectPath}/${username}/${projectName}/deploy/node_modules/hi-taskcenter rsync -auz ${tmpPath}/node_modules/hi-taskcenter ${projectPath}/${username}/${projectName}/deploy/node_modules/ ## 取hi-taskcenter版本并更新root package.json ## cd ${projectPath}/${username}/${projectName}/deploy/node_modules/hi-taskcenter/ ## sed -i 's#\("name": \?"\).#\1'"${projectName}"'",#g' package.json echo "任务中心已同步！" ;; "cli") #程序环境 rsync -auz ${tmpPath}/assets_platform ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/index.html ${projectPath}/${username}/${projectName}/deploy rsync -auz ${tmpPath}/template.html ${projectPath}/${username}/${projectName}/deploy/ echo "》》》静态共用库已同步！" rsync -auz ${tmpPath}/project/hivuiLogin ${projectPath}/${username}/${projectName}/deploy/${projectName}/ cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/hivuiLogin sed -i 's/<\/head>/'"${source[]}"'<\/head>/g' index.html echo "》》》登录模板已同步！" rsync -auz ${tmpPath}/project/hivuiMain ${projectPath}/${username}/${projectName}/deploy/${projectName}/ cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/hivuiMain sed -i 's/<\/head>/'"${source[]}"'<\/head>/g' index.html echo "》》》主页模板已同步！" rsync -auz ${tmpPath}/project/hivuiBirt ${projectPath}/${username}/${projectName}/deploy/${projectName}/ cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/hivuiBirt sed -i 's/<\/head>/'"${source[]}"'<\/head>/g' index.html echo "》》》报表模板同步！" cd "${tmpPath}/" npm i rsync -auz ${tmpPath}/node_modules ${projectPath}/${username}/${projectName}/deploy/ echo "》》》node环境已同步！" cd "${tmpPath}/" npm i hi-ui -S rm -rf ${projectPath}/${username}/${projectName}/deploy/node_modules/hi-ui rsync -auz ${tmpPath}/node_modules/hi-ui ${projectPath}/${username}/${projectName}/deploy/node_modules/ echo "》》》hi-ui库已同步！" rsync -auz ${tmpPath}/build ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/babel.config.js ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/.postcssrc.js ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/.browserslistrc ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/vite-plugin ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/.env.development ${projectPath}/${username}/${projectName}/deploy/.env.development rsync -auz ${tmpPath}/.env.production ${projectPath}/${username}/${projectName}/deploy/.env.production rsync -auz ${tmpPath}/.env.staging ${projectPath}/${username}/${projectName}/deploy/.env.staging rsync -auz ${tmpPath}/vite.config.js ${projectPath}/${username}/${projectName}/deploy/vite.config.js echo "》》》已同步程序环境(build、babel.config.js、.postcssrc.js、.browserslistrc、vite-plugin、.env.development、.env.production、.env.staging、vite.config.js)..." # source ${cmdDir}/var_env.sh ### 设置环境变量 sed -i 's#\(VITE_APP_USERPATH \?= \?\).#\1'"/e5/render/${username}"'#g' .env.production sed -i 's#\(VITE_APP_BASE_API \?= \?\).#\1'"${DEV_BASE_API}"'#g' ${projectPath}/${username}/${projectName}/deploy/.env.development sed -i 's#\(VITE_APP_PN \?= \?\).#\1'"${projectName}/${username}"'#g' ${projectPath}/${username}/${projectName}/deploy/.env.development sed -i 's#\(VITE_APP_PN \?= \?\).#\1'"${projectName}/${username}"'#g' ${projectPath}/${username}/${projectName}/deploy/.env.staging ### node_modules/vite 环境 cd ${projectPath}/${username}/${projectName}/deploy/node_modules/vite/dist/client # sed 's/要替换的内容/新的内容/' # 将所有的数字替换成内容 # sed 's/[0-9]/好的/g' testFile2.txt sed -i "s#const.socketHost.=.#${viteStr[]}#g" client.js sed -i "s#case 'update':.#case 'update':return;#g" client.js sed -i "s#case.'full-reload':.#case 'full-reload':return;#g" client.js echo "》》》程序环境已同步！" ;; esac rsync -auz ${tmpPath}/package.json ${projectPath}/${username}/${projectName}/deploy/package.json cd ${projectPath}/${username}/${projectName}/deploy/ ## 替换 package.json 的 name 值 sed -i 's#\("name": \?"\).#\1'"${projectName}"'",#g' package.json sed -i 's#\("author": \?"\).#\1'"${username}"'",#g' package.json echo "》》》正在重启服务..." pm2 stop "vite-${username}-${projectName}" pm2 delete "vite-${username}-${projectName}" npm run rm:vite npm run pm2:start pm2 save echo "》》》已经重启服务！！" ;; esac #!/bin/bash ## 权限问题，用 chmod u+x .sh ## eg: oper.sh # 用户名 # 项目名 # 操作 (create , restart , start , kill , stop , del , build , sync) # 部署路径 (upload) # 同步内容 (node_modules , build , cli) cmdDir=$( cd $(dirname "$0") pwd ) username=$1 #用户名 projectName=$2 #项目名 cmd=$3 #命令 port=$4 #端口 # .pre2.hieap.cn==>http://192.168.4.192:8001 # .pre.hieap.cn==>http://192.168.10.242:31167 ip=`ifconfig -a\|grep inet\|grep -v 127.0.0.1\|grep -v inet6\|awk '{print $2}'\|tr -d "addr:"` tagIp="192.168.4.193" if [[ $ip == $tagIp ]]; then DEV_BASE_API='http://192.168.4.106:7777/' #传给配置 .env.development 的 VITE_APP_BASE_API 做后端请求数据 else DEV_BASE_API='http://e5.hieap.cn/' #传给配置 .env.development 的 VITE_APP_BASE_API 做后端请求数据 fi tagIp192="192.168.4.192" nginxStr='' # map $http_upgrade $connection_upgrade { # default upgrade; # '' close; # } # server { # listen 8001; # location / { # proxy_pass http://192.168.4.192:36962; # proxy_http_version 1.1; # proxy_set_header Upgrade $http_upgrade; # proxy_set_header Connection "upgrade"; # proxy_set_header X-real-ip $remote_addr; # proxy_set_header X-Forwarded-For $remote_addr; # proxy_set_header Origin ""; # } # } function getNginx(){ nginxStr='' location=' location / {\n\t\t' location=$location' proxy_pass http://127.0.0.1:'${1}';\n\t' location=$location' proxy_http_version 1.1;\n\t' location=$location' proxy_set_header Upgrade $http_upgrade;\n\t' location=$location' proxy_set_header Connection "upgrade";\n\t' location=$location' proxy_set_header X-real-ip $remote_addr;\n\t' location=$location' proxy_set_header X-Forwarded-For $remote_addr;\n\t' location=$location' proxy_set_header Origin "";\n\t' location=$location' index index.html index.htm;\n\t\t' location=$location' }\n' if [[ $ip == $tagIp192 ]]; then # .pre2.hieap.cn==>http://192.168.4.192:8001 nginxStr='\n\t\#start '${projectName}${username}'\n\t' nginxStr=$nginxStr'server {\n\t' nginxStr=$nginxStr' listen 8001;\n\t' nginxStr=$nginxStr' server_name '${projectName}'.'${username}'.pre2.hieap.cn;\n\t' nginxStr=${nginxStr}${location} nginxStr=$nginxStr' }\n\t' nginxStr=$nginxStr'\#end '${projectName}${username}'\n\n\n' elif [[ $ip == $tagIp* ]]; then nginxStr='' else # .pre.hieap.cn==>http://192.168.10.242:31167 nginxStr=$nginxStr'\n\t\#start '${projectName}${username}'\n\t' nginxStr=$nginxStr'server {\n\t' nginxStr=$nginxStr' listen 31167;\n\t' nginxStr=$nginxStr' server_name '${projectName}'.'${username}'.pre.hieap.cn;\n\t' nginxStr=${nginxStr}${location} nginxStr=$nginxStr' }\n\t' nginxStr=$nginxStr'\#end '${projectName}${username}'\n\n\n' fi } #BASH_SOURCE[0]用户所在的目录到脚本的路径 ## 获取eap5.0 路径 # eap5Dir="$( cd "$( dirname "${BASH_SOURCE[0]}" )" && pwd )" eap5Dir="${cmdDir%/hiruntime}" projectPath=${eap5Dir}/desktop/preview tmpPath=${eap5Dir}/hiruntime/project/desktop/project-template source[0]='\t<% if(htmlWebpackPlugin.vite){%>\n\t<!--预览时公共库-->' source[1]='\n\t<script src="\/'${projectName}'\/setting\/desktop\/development.js" type="text\/javascript"><\/script>' source[2]='\n\t<%}%>' source[3]='\n\t<% if(!htmlWebpackPlugin.vite){%>\n\t<!--发布时公共库-->' source[4]='\n\t<script src="\/${serverName}\/render\/'${username}'\/'${projectName}'\/setting\/desktop\/appsetting.js" type="text\/javascript"><\/script>' source[5]='\n\t<%}%>\n' viteStr[0]='let socketHost = `${__HMR_HOSTNAME__ \|\| location.hostname}:${__HMR_PORT__}`;' viteStr[1]='let socketHostSplit = socketHost.split(".");' viteStr[2]='if(isNaN(parseInt(socketHostSplit[0]))){socketHost = socketHost.substring(0,socketHost.indexOf(":"));}' nrm del zhc nrm add zhc http://npm.hieap.cn/ nrm use zhc case $cmd in "create") #创建 #参数个数判断，至少4个 if [ $# -lt 4 ];then echo "创建项目命令参数不对：$" echo "创建项目命令正确参数：用户名项目名 create 桌面预览端口" exit 1 fi # source ${cmdDir}/var_env.sh # echo ${DEV_BASE_API} echo eap5Dir: ${eap5Dir} echo projectPath: ${projectPath} if [ ! -d "${projectPath}/${username}" ];then mkdir "${projectPath}/${username}" #创用户工作空间 fi if [ -d "${projectPath}/${username}/${projectName}" ];then echo "项目名已经存在！" exit 1 fi echo "<1>git正在拉取web端项目基础文件" git clone http://192.168.4.105:8080/gitbucket/git/08335/hivui-platform-template.git "${projectPath}/${username}/${projectName}/deploy" echo "<2>初始化node环境..." cp -rf ${tmpPath}/node_modules ${projectPath}/${username}/${projectName}/deploy/node_modules cd ${projectPath}/${username}/${projectName}/deploy/ rm -rf ./build/bin rm -rf ./build/doc.txt echo "<3>初始化相关配置..." ## 修改模板，重命项目名 mv project ${projectName} sed -i 's#\(VITE_APP_USERPATH \?= \?\).#\1'"/e5/render/${username}"'#g' .env.production sed -i 's#\(VITE_APP_PN \?= \?\).#\1'"${projectName}/${username}"'#g' ${projectPath}/${username}/${projectName}/deploy/.env.development sed -i 's#\(VITE_APP_BASE_API \?= \?\).#\1'"${DEV_BASE_API}"'#g' .env.development ## 替换 package.json 的 name 值 author值，打包时候输出静态地址是这个 sed -i 's#\("name": \?"\).#\1'"${projectName}"'",#g' package.json sed -i 's#\("author": \?"\).#\1'"${username}"'",#g' package.json ## 替换 processes.json 的 args 值 sed -i '4s#\("name": \?"\).#\1'"vite-${username}-${projectName}"'",#g' processes.json sed -i '7s#\("args": \?"\).#\1'"--host --port ${port}"'",#g' processes.json cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/hivuiLogin sed -i 's/<\/head>/'"${source[]}"'<\/head>/g' index.html cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/hivuiMain sed -i 's/<\/head>/'"${source[]}"'<\/head>/g' index.html cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/setting/desktop/appsetting/js/1.0.0 sed -i 's#\(projectName \?= \?\).#\1"'"${projectName}"'";#g' appsetting.js echo "<4>配置Nginx环境" getNginx $port # /usr/local/nginx/conf/nginx.conf cd /usr/local/nginx/conf sed -i "s#http.{#http {${nginxStr}#g" nginx.conf cd /usr/local/nginx/sbin # 清缓存 rm -rf /usr/local/nginx/proxy_temp ./nginx -s reload echo "<5>配置node_modules/vite环境" # node_modules/vite 环境 cd ${projectPath}/${username}/${projectName}/deploy/node_modules/vite/dist/client sed -i "s#const.socketHost.=.#${viteStr[]}#g" client.js sed -i "s#case 'update':.#case 'update':return;#g" client.js sed -i "s#case.'full-reload':.#case 'full-reload':return;#g" client.js echo "<6>正在启动服务..." cd ${projectPath}/${username}/${projectName}/deploy/ npm run pm2:start pm2 save exit 1 ;; "delete") #删除 #参数个数判断，至少3个 if [ $# -lt 3 ];then echo "删除项目命令参数不对：$" echo "删除项目命令正确参数：用户名项目名 delete" exit 1 fi if [ $username = "admin" -a $projectName = "systpl" ] ; then echo "系统模板，不可删除！" exit 1 fi curPid=`pm2 pid vite-${username}-${projectName}` if [ ! -z "$curPid" ];then echo "vite-${username}-${projectName} 正在关闭服务..." pm2 delete "vite-${username}-${projectName}" fi ### 删除用户项目 rm -rf ${projectPath}/${username}/${projectName} echo "用户：${username} 项目：${projectName} 删除成功！" pm2 save exit 1 ;; "restart") #重启 echo "》》》正在重启服务..." curPid=`pm2 pid vite-${username}-${projectName}` if [ ! -z "$curPid" ];then echo "vite-${username}-${projectName} 正在关闭服务..." pm2 delete "vite-${username}-${projectName}" fi cd ${projectPath}/${username}/${projectName}/deploy/ npm run rm:vite npm run pm2:start pm2 save echo "已经重启服务！！" exit 1 ;; "build") #编译 uploadPath=$4 modules=$5 #参数个数判断，至少3个 # if [ $# -lt 4 ];then # echo "编译项目命令参数不对：$" # echo "编译项目命令正确参数：用户名项目名 build 上传服务器路径 [指定编译模块]" # exit 1 # fi ### 用pm2管理，用pm2 重启指定的 cd "${projectPath}/${username}/${projectName}/deploy" npm run build $modules #yarn run pm2:stop vite-${username}-${projectName} cd "${projectPath}/${username}/${projectName}/deploy/" if [[ ! -d "${projectPath}/${username}/${projectName}/deploy/dist/yslz/funclib/desklib" ]]; then mkdir -p "${projectPath}/${username}/${projectName}/deploy/dist/yslz/funclib/desklib" fi cp -rf "${projectPath}/${username}/${projectName}/deploy/yslz/funclib/desklib" "${projectPath}/${username}/${projectName}/deploy/dist/yslz/funclib/" ## 删除之前打包文件 rm -rf "${username}_${projectName}_dist.zip" cd "${projectPath}/${username}/${projectName}/deploy/dist" mkdir -p "${projectPath}/${username}/${projectName}/deploy/dist/${username}/${projectName}" cp -rf "${projectPath}/${username}/${projectName}/deploy/dist/${projectName}" "${projectPath}/${username}/${projectName}/deploy/dist/${username}/" rm -rf "${projectPath}/${username}/${projectName}/deploy/dist/${projectName}" zip -q -r "${username}_${projectName}_dist.zip" ./ cp -rf "${projectPath}/${username}/${projectName}/deploy/dist/${username}_${projectName}_dist.zip" "${projectPath}/${username}/${projectName}/deploy/" cd ${projectPath}/${username}/${projectName}/deploy/ if [ -z "$uploadPath" ]; then echo '未传服务器路径，请自行拷贝！' exit 1; fi if [[ ! -d "$uploadPath" ]]; then echo "编译命令：上传文件夹不存在, 正在帮您创建目录..." mkdir -p "${uploadPath}" fi echo "正在拷到服务器目录：${uploadPath}" # cp -f "${username}_${projectName}_dist.zip" "${uploadPath}" cp -fv "${username}_${projectName}_dist.zip" "${uploadPath}" echo "(‐^▽^‐) 编译打包成功！" ;; "sync") #同步环境 #参数个数判断，至少4个 if [ $# -lt 4 ];then echo "同步项目命令参数不对：$" echo "同步项目命令正确参数：用户名项目名 sync 同步方式" exit 1 fi way=$4 if [ $way = 'sysfunc' ];then #同步系统功能 echo "》》》同步系统功能..." git clone http://192.168.4.105:8080/gitbucket/git/js-team2/zhc-birt-platf.git ${eap5Dir}/hiruntime/project/desktop/__zhc-birt-platf rm -rf ${eap5Dir}/hiruntime/project/desktop/zhc-birt-platf cp -rf ${eap5Dir}/hiruntime/project/desktop/__zhc-birt-platf/project/ ${eap5Dir}/hiruntime/workspace/${username}/${projectName}/ rm -rf ${eap5Dir}/hiruntime/project/desktop/__zhc-birt-platf echo "》》》系统功能已同步！" exit fi if [ $way = 'nginx' ];then #nginx环境 #获取端口 portStr=$(cat ${projectPath}/${username}/${projectName}/deploy/processes.json \| sed 's/,/\n/g' \| grep "args" \| sed 's/:/\n/g' \| sed '1d' \| sed 's/"//g') portNum=`echo $portStr \| tr -cd "[0-9]"` # echo $portNum if [ $portNum = '' ];then echo '取不到端口信息！' exit 1; fi cd /usr/local/nginx/conf #删除原来有的配置 sed -i '/\#start '${projectName}${username}'/,/\#end '${projectName}${username}'/d' nginx.conf #设置相关配置返回到nginxStr getNginx $portNum #写入配置文件 sed -i "s#http.{#http {${nginxStr}#g" nginx.conf cd /usr/local/nginx/sbin # 清缓存 rm -rf /usr/local/nginx/proxy_temp ./nginx -s reload echo "》》》nginx环境已同步！" exit fi git clone http://192.168.4.105:8080/gitbucket/git/08335/hivui-platform-template.git ${eap5Dir}/hiruntime/project/desktop/__gittmp ## rsync ${eap5Dir}/hiruntime/project/desktop/__gittmp ${tmpPath} rm -rf ${eap5Dir}/hiruntime/project/desktop/project-template cp -rf ${eap5Dir}/hiruntime/project/desktop/__gittmp ${eap5Dir}/hiruntime/project/desktop/project-template rm -rf ${eap5Dir}/hiruntime/project/desktop/__gittmp case $way in "build") #同步打包环境 echo "》》》正在同步打包环境..." rsync -auz ${tmpPath}/build ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/babel.config.js ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/.postcssrc.js ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/.browserslistrc ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/vite-plugin ${projectPath}/${username}/${projectName}/deploy/ echo "》》》打包环境已同步！" exit 1 ;; "hiui") #同步hiui资源库 echo "》》》正在同步hi-ui库..." cd "${tmpPath}/" npm i hi-ui -S rm -rf ${projectPath}/${username}/${projectName}/deploy/node_modules/hi-ui rsync -auz ${tmpPath}/node_modules/hi-ui ${projectPath}/${username}/${projectName}/deploy/node_modules/ ## 取hi-ui版本并更新root package.json ## cd ${projectPath}/${username}/${projectName}/deploy/node_modules/hi-ui/ ## sed -i 's#\("name": \?"\).#\1'"${projectName}"'",#g' package.json echo "hiui已同步！" ;; "taskcenter") #同步环境 echo "》》》正在同步任务中心..." cd "${tmpPath}/" npm i hi-taskcenter -S rm -rf ${projectPath}/${username}/${projectName}/deploy/node_modules/hi-taskcenter rsync -auz ${tmpPath}/node_modules/hi-taskcenter ${projectPath}/${username}/${projectName}/deploy/node_modules/ ## 取hi-taskcenter版本并更新root package.json ## cd ${projectPath}/${username}/${projectName}/deploy/node_modules/hi-taskcenter/ ## sed -i 's#\("name": \?"\).#\1'"${projectName}"'",#g' package.json echo "任务中心已同步！" ;; "cli") #程序环境 rsync -auz ${tmpPath}/assets_platform ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/index.html ${projectPath}/${username}/${projectName}/deploy rsync -auz ${tmpPath}/template.html ${projectPath}/${username}/${projectName}/deploy/ echo "》》》静态共用库已同步！" rsync -auz ${tmpPath}/project/hivuiLogin ${projectPath}/${username}/${projectName}/deploy/${projectName}/ cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/hivuiLogin sed -i 's/<\/head>/'"${source[]}"'<\/head>/g' index.html echo "》》》登录模板已同步！" rsync -auz ${tmpPath}/project/hivuiMain ${projectPath}/${username}/${projectName}/deploy/${projectName}/ cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/hivuiMain sed -i 's/<\/head>/'"${source[]}"'<\/head>/g' index.html echo "》》》主页模板已同步！" cd "${tmpPath}/" npm i rsync -auz ${tmpPath}/node_modules ${projectPath}/${username}/${projectName}/deploy/ echo "》》》node环境已同步！" cd "${tmpPath}/" npm i hi-ui -S rm -rf ${projectPath}/${username}/${projectName}/deploy/node_modules/hi-ui rsync -auz ${tmpPath}/node_modules/hi-ui ${projectPath}/${username}/${projectName}/deploy/node_modules/ echo "》》》hi-ui库已同步！" rsync -auz ${tmpPath}/build ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/babel.config.js ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/.postcssrc.js ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/.browserslistrc ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/vite-plugin ${projectPath}/${username}/${projectName}/deploy/ rsync -auz ${tmpPath}/.env.development ${projectPath}/${username}/${projectName}/deploy/.env.development rsync -auz ${tmpPath}/.env.production ${projectPath}/${username}/${projectName}/deploy/.env.production rsync -auz ${tmpPath}/.env.staging ${projectPath}/${username}/${projectName}/deploy/.env.staging rsync -auz ${tmpPath}/vite.config.js ${projectPath}/${username}/${projectName}/deploy/vite.config.js echo "》》》已同步程序环境(build、babel.config.js、.postcssrc.js、.browserslistrc、vite-plugin、.env.development、.env.production、.env.staging、vite.config.js)..." # source ${cmdDir}/var_env.sh ### 设置环境变量 sed -i 's#\(VITE_APP_USERPATH \?= \?\).#\1'"/e5/render/${username}"'#g' .env.production sed -i 's#\(VITE_APP_BASE_API \?= \?\).#\1'"${DEV_BASE_API}"'#g' ${projectPath}/${username}/${projectName}/deploy/.env.development sed -i 's#\(VITE_APP_PN \?= \?\).#\1'"${projectName}/${username}"'#g' ${projectPath}/${username}/${projectName}/deploy/.env.development sed -i 's#\(VITE_APP_PN \?= \?\).#\1'"${projectName}/${username}"'#g' ${projectPath}/${username}/${projectName}/deploy/.env.staging ### node_modules/vite 环境 cd ${projectPath}/${username}/${projectName}/deploy/node_modules/vite/dist/client # sed 's/要替换的内容/新的内容/' # 将所有的数字替换成内容 # sed 's/[0-9]/好的/g' testFile2.txt sed -i "s#const.socketHost.=.#${viteStr[]}#g" client.js sed -i "s#case 'update':.#case 'update':return;#g" client.js sed -i "s#case.'full-reload':.#case 'full-reload':return;#g" client.js echo "》》》程序环境已同步！" ;; esac rsync -auz ${tmpPath}/package.json ${projectPath}/${username}/${projectName}/deploy/package.json cd ${projectPath}/${username}/${projectName}/deploy/ ## 替换 package.json 的 name 值 sed -i 's#\("name": \?"\).#\1'"${projectName}"'",#g' package.json sed -i 's#\("author": \?"\).#\1'"${username}"'",#g' package.json echo "》》》正在重启服务..." pm2 stop "vite-${username}-${projectName}" pm2 delete "vite-${username}-${projectName}" npm run rm:vite npm run pm2:start pm2 save echo "》》》已经重启服务！！" ;; esac

Ignore Space Show notes View

build/bin/oper.sh

#!/bin/bash
## 权限问题，用  chmod u+x *.sh
## eg: oper.sh

# 用户名  
# 项目名 
# 操作 (create , restart , start , kill ,  stop , del , build , sync)
# 部署路径 (upload)
# 同步内容 (node_modules , build , cli)

cmdDir=$(
  cd $(dirname "$0")
  pwd
)
username=$1     #用户名
projectName=$2  #项目名
cmd=$3          #命令
port=$4 #端口
# *.pre2.hieap.cn==>http://192.168.4.192:8001
# *.pre.hieap.cn==>http://192.168.10.242:31167

ip=`ifconfig -a|grep inet|grep -v 127.0.0.1|grep -v inet6|awk '{print $2}'|tr -d "addr:"`
tagIp="192.168.4.193"
if [[ $ip == *$tagIp* ]]; then  
	DEV_BASE_API='http://192.168.4.106:7777/' #传给配置 .env.development 的 VITE_APP_BASE_API 做后端请求数据
else
	DEV_BASE_API='http://e52.hieap.cn/' #传给配置 .env.development 的 VITE_APP_BASE_API 做后端请求数据 
fi

tagIp192="192.168.4.192"
nginxStr=''
# map $http_upgrade $connection_upgrade {
#     default upgrade;
#     ''   close;
# }
# server {
#     listen              8001;
#     location / {
#         proxy_pass http://192.168.4.192:36962;
        # proxy_http_version 1.1;
        # proxy_set_header Upgrade $http_upgrade;
        # proxy_set_header Connection "upgrade";
        # proxy_set_header X-real-ip $remote_addr;
        # proxy_set_header X-Forwarded-For $remote_addr;
        # proxy_set_header Origin "";
#     }
# }

#BASH_SOURCE[0]用户所在的目录到脚本的路径
## 获取eap5.0 路径
# eap5Dir="$( cd "$( dirname "${BASH_SOURCE[0]}" )" && pwd )"
eap5Dir="${cmdDir%/hiruntime*}"
projectPath=${eap5Dir}/desktop/preview
tmpPath=${eap5Dir}/hiruntime/project/desktop/project-template

source[0]='\t<% if(htmlWebpackPlugin.vite){%>\n\t'
source[1]='\n\t<script src="\/'${projectName}'\/setting\/desktop\/development.js" type="text\/javascript"><\/script>'
source[2]='\n\t<%}%>'
source[3]='\n\t<% if(!htmlWebpackPlugin.vite){%>\n\t'
source[4]='\n\t<script src="\/${serverName}\/render\/'${username}'\/'${projectName}'\/setting\/desktop\/appsetting.js" type="text\/javascript"><\/script>'
source[5]='\n\t<%}%>\n'

viteStr[0]='let socketHost = `${__HMR_HOSTNAME__ || location.hostname}:${__HMR_PORT__}`;'
viteStr[1]='let socketHostSplit = socketHost.split(".");'
viteStr[2]='if(isNaN(parseInt(socketHostSplit[0]))){socketHost = socketHost.substring(0,socketHost.indexOf(":"));}'

nrm del zhc
nrm add zhc  http://npm.hieap.cn/
nrm use zhc

case $cmd in 
"create") #创建
    #参数个数判断，至少4个
    if [ $# -lt 4 ];then
        echo "创建项目命令参数不对：$*"
        echo "创建项目命令正确参数：用户名 项目名 create 桌面预览端口"
        exit 1
    fi
    # source ${cmdDir}/var_env.sh
    # echo ${DEV_BASE_API} 
    echo eap5Dir: ${eap5Dir}
    echo projectPath: ${projectPath}
    
    if [ ! -d "${projectPath}/${username}" ];then
        mkdir "${projectPath}/${username}" #创用户工作空间
    fi
    if [ -d "${projectPath}/${username}/${projectName}" ];then
        echo "项目名已经存在！"
        exit 1
    fi
    echo "<1>git正在拉取web端项目基础文件"
    git clone http://192.168.4.105:8080/gitbucket/git/08335/hivui-platform-template.git "${projectPath}/${username}/${projectName}/deploy"

echo "<2>初始化node环境..."
    cp -rf ${tmpPath}/node_modules ${projectPath}/${username}/${projectName}/deploy/node_modules
    cd ${projectPath}/${username}/${projectName}/deploy/
    rm -rf ./build/bin
    rm -rf ./build/doc.txt

echo "<3>初始化相关配置..."
    ## 修改模板，重命项目名
    mv project ${projectName}
    sed -i 's#$VITE_APP_USERPATH \?= \?$.*#\1'"/e5/render/${username}"'#g' .env.production
    sed -i 's#$VITE_APP_PN \?= \?$.*#\1'"${projectName}/${username}"'#g' ${projectPath}/${username}/${projectName}/deploy/.env.development
    sed -i 's#$VITE_APP_BASE_API \?= \?$.*#\1'"${DEV_BASE_API}"'#g' .env.development

## 替换 package.json 的 name 值 author值 ，打包时候输出静态地址是这个
    sed -i 's#$"name": \?"$.*#\1'"${projectName}"'",#g' package.json
    sed -i 's#$"author": \?"$.*#\1'"${username}"'",#g' package.json
    ## 替换 processes.json 的 args 值
    sed -i '4s#$"name": \?"$.*#\1'"vite-${username}-${projectName}"'",#g' processes.json
    sed -i '7s#$"args": \?"$.*#\1'"--host --port ${port}"'",#g' processes.json

cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/hivuiLogin
    sed -i 's/<\/head>/'"${source[*]}"'<\/head>/g' index.html

cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/hivuiMain
    sed -i 's/<\/head>/'"${source[*]}"'<\/head>/g' index.html

cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/hivuiBirt
    sed -i 's/<\/head>/'"${source[*]}"'<\/head>/g' index.html

cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/setting/desktop/appsetting/js/1.0.0
    sed -i 's#$projectName \?= \?$.*#\1"'"${projectName}"'";#g' appsetting.js

echo "<4>配置Nginx环境"
    getNginx $port

# /usr/local/nginx/conf/nginx.conf
    cd /usr/local/nginx/conf
    #删除原来有的配置
    sed -i '/\#start '${projectName}${username}'/,/\#end '${projectName}${username}'/d' nginx.conf

sed -i "s#http.*{#http {${nginxStr}#g" nginx.conf
    cd /usr/local/nginx/sbin
    # 清缓存
    rm -rf  /usr/local/nginx/proxy_temp 
    ./nginx -s reload

echo "<5>配置node_modules/vite环境"
    # node_modules/vite 环境
    cd ${projectPath}/${username}/${projectName}/deploy/node_modules/vite/dist/client 
    sed -i "s#const.*socketHost.*=.*#${viteStr[*]}#g" client.js
    sed -i "s#case 'update':.*#case 'update':return;#g" client.js
    sed -i "s#case.*'full-reload':.*#case 'full-reload':return;#g" client.js

echo "<6>正在启动服务..."
    cd ${projectPath}/${username}/${projectName}/deploy/
    npm run pm2:start
    pm2 save
    exit 1
;;
"delete") #删除
    #参数个数判断，至少3个
    if [ $# -lt 3 ];then
        echo "删除项目命令参数不对：$*"
        echo "删除项目命令正确参数：用户名 项目名 delete"
        exit 1
    fi

if [ $username = "admin" -a $projectName = "systpl" ] ; then
        echo "系统模板，不可删除！"
        exit 1
    fi

curPid=`pm2 pid vite-${username}-${projectName}`
    if [ ! -z "$curPid" ];then
        echo "vite-${username}-${projectName} 正在关闭服务..."
        pm2 delete "vite-${username}-${projectName}" 
    fi

### 删除用户项目
    rm -rf ${projectPath}/${username}/${projectName}
    echo "用户：${username}  项目：${projectName}  删除成功！"
    pm2 save
    exit 1
;;
"restart") #重启
    echo "》》》正在重启服务..."
    curPid=`pm2 pid vite-${username}-${projectName}`
    if [ ! -z "$curPid" ];then
        echo "vite-${username}-${projectName} 正在关闭服务..."
        pm2 delete "vite-${username}-${projectName}" 
    fi
    cd ${projectPath}/${username}/${projectName}/deploy/
    npm run rm:vite
    npm run pm2:start
    pm2 save
    echo "已经重启服务！！"
    exit 1
;;
"build") #编译
    uploadPath=$4  
    modules=$5
    #参数个数判断，至少3个
    # if [ $# -lt 4 ];then
    #     echo "编译项目命令参数不对：$*"
    #     echo "编译项目命令正确参数：用户名 项目名 build 上传服务器路径 [指定编译模块]"
    #     exit 1
    # fi

### 用pm2管理，用pm2 重启指定的
    cd "${projectPath}/${username}/${projectName}/deploy"
    npm run build $modules
    #yarn run pm2:stop vite-${username}-${projectName}    
    cd "${projectPath}/${username}/${projectName}/deploy/"
    if [[ ! -d "${projectPath}/${username}/${projectName}/deploy/dist/yslz/funclib/desklib" ]]; then
        mkdir -p "${projectPath}/${username}/${projectName}/deploy/dist/yslz/funclib/desklib"
    fi
    cp -rf "${projectPath}/${username}/${projectName}/deploy/yslz/funclib/desklib" "${projectPath}/${username}/${projectName}/deploy/dist/yslz/funclib/"
  
    ## 删除之前打包文件 
    rm -rf "${username}_${projectName}_dist.zip"
    cd "${projectPath}/${username}/${projectName}/deploy/dist" 
    mkdir -p "${projectPath}/${username}/${projectName}/deploy/dist/${username}/${projectName}"
    cp -rf "${projectPath}/${username}/${projectName}/deploy/dist/${projectName}" "${projectPath}/${username}/${projectName}/deploy/dist/${username}/"
    rm -rf "${projectPath}/${username}/${projectName}/deploy/dist/${projectName}"
    zip -q -r "${username}_${projectName}_dist.zip"  ./*
    cp -rf "${projectPath}/${username}/${projectName}/deploy/dist/${username}_${projectName}_dist.zip" "${projectPath}/${username}/${projectName}/deploy/"
    cd ${projectPath}/${username}/${projectName}/deploy/

if [ -z "$uploadPath" ]; then
        echo '未传服务器路径，请自行拷贝！'
        exit 1;
    fi
    if [[ ! -d "$uploadPath" ]]; then
        echo "编译命令： 上传文件夹不存在, 正在帮您创建目录..."
        mkdir -p "${uploadPath}"
    fi
    echo "正在拷到服务器目录：${uploadPath}"
    # cp -f "${username}_${projectName}_dist.zip"  "${uploadPath}"
    cp -fv "${username}_${projectName}_dist.zip"  "${uploadPath}"

echo "(‐^▽^‐) 编译打包成功！"
;;
"sync") #同步环境
    #参数个数判断，至少4个
    if [ $# -lt 4 ];then
        echo "同步项目命令参数不对：$*"
        echo "同步项目命令正确参数：用户名 项目名 sync 同步方式"
        exit 1
    fi
    way=$4

if [ $way = 'sysfunc' ];then  #同步系统功能      
        echo "》》》同步系统功能..."                                                   
        git clone http://192.168.4.105:8080/gitbucket/git/js-team2/zhc-birt-platf.git ${eap5Dir}/hiruntime/project/desktop/__zhc-birt-platf
        rm -rf ${eap5Dir}/hiruntime/project/desktop/zhc-birt-platf
        cp -rf ${eap5Dir}/hiruntime/project/desktop/__zhc-birt-platf/project/* ${eap5Dir}/hiruntime/workspace/${username}/${projectName}/
        rm -rf ${eap5Dir}/hiruntime/project/desktop/__zhc-birt-platf
        echo "》》》系统功能已同步！"   
        exit
    fi

if [ $way = 'nginx' ];then #nginx环境
        #获取端口
        portStr=$(cat ${projectPath}/${username}/${projectName}/deploy/processes.json | sed 's/,/\n/g' | grep "args" | sed 's/:/\n/g' | sed '1d' | sed 's/"//g')
        portNum=`echo $portStr | tr -cd "[0-9]"`
        # echo $portNum
        if [ $portNum = '' ];then
            echo '取不到端口信息！'
            exit  1;
        fi

cd /usr/local/nginx/conf
        #删除原来有的配置
        sed -i '/\#start '${projectName}${username}'/,/\#end '${projectName}${username}'/d' nginx.conf
        #设置相关配置 返回到nginxStr
        getNginx $portNum
        #写入配置文件
        sed -i "s#http.*{#http {${nginxStr}#g" nginx.conf
        cd /usr/local/nginx/sbin
        # 清缓存
        rm -rf  /usr/local/nginx/proxy_temp 
        ./nginx -s reload
        echo "》》》nginx环境已同步！"
        exit
    fi

git clone http://192.168.4.105:8080/gitbucket/git/08335/hivui-platform-template.git ${eap5Dir}/hiruntime/project/desktop/__gittmp
    ## rsync ${eap5Dir}/hiruntime/project/desktop/__gittmp ${tmpPath}
    rm -rf ${eap5Dir}/hiruntime/project/desktop/project-template
    cp -rf ${eap5Dir}/hiruntime/project/desktop/__gittmp ${eap5Dir}/hiruntime/project/desktop/project-template
    rm -rf ${eap5Dir}/hiruntime/project/desktop/__gittmp

case $way in 
    "build") #同步打包环境
        echo "》》》正在同步打包环境..."
        rsync -auz ${tmpPath}/build ${projectPath}/${username}/${projectName}/deploy/
        rsync -auz ${tmpPath}/babel.config.js ${projectPath}/${username}/${projectName}/deploy/
        rsync -auz ${tmpPath}/.postcssrc.js ${projectPath}/${username}/${projectName}/deploy/
        rsync -auz ${tmpPath}/.browserslistrc ${projectPath}/${username}/${projectName}/deploy/
        rsync -auz ${tmpPath}/vite-plugin ${projectPath}/${username}/${projectName}/deploy/
        echo "》》》打包环境已同步！"
        exit 1
    ;;
    "hiui") #同步hiui资源库
        echo "》》》正在同步hi-ui库..."
        cd "${tmpPath}/"
        npm i hi-ui -S
        rm -rf ${projectPath}/${username}/${projectName}/deploy/node_modules/hi-ui
        rsync -auz ${tmpPath}/node_modules/hi-ui ${projectPath}/${username}/${projectName}/deploy/node_modules/
        ## 取hi-ui版本 并更新root package.json
        ## cd ${projectPath}/${username}/${projectName}/deploy/node_modules/hi-ui/
        ## sed -i 's#$"name": \?"$.*#\1'"${projectName}"'",#g' package.json
        echo "hiui已同步！"
    ;;
    "taskcenter") #同步环境
        echo "》》》正在同步任务中心..."
        cd "${tmpPath}/"
        npm i hi-taskcenter -S
        rm -rf ${projectPath}/${username}/${projectName}/deploy/node_modules/hi-taskcenter
        rsync -auz ${tmpPath}/node_modules/hi-taskcenter ${projectPath}/${username}/${projectName}/deploy/node_modules/
        ## 取hi-taskcenter版本 并更新root package.json
        ## cd ${projectPath}/${username}/${projectName}/deploy/node_modules/hi-taskcenter/
        ## sed -i 's#$"name": \?"$.*#\1'"${projectName}"'",#g' package.json

echo "任务中心已同步！"
    ;;
    "cli") #程序环境
        rsync -auz ${tmpPath}/assets_platform ${projectPath}/${username}/${projectName}/deploy/
        rsync -auz ${tmpPath}/index.html ${projectPath}/${username}/${projectName}/deploy
        rsync -auz ${tmpPath}/template.html ${projectPath}/${username}/${projectName}/deploy/
        echo "》》》静态共用库已同步！"

rsync -auz ${tmpPath}/project/hivuiLogin ${projectPath}/${username}/${projectName}/deploy/${projectName}/
        cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/hivuiLogin
        sed -i 's/<\/head>/'"${source[*]}"'<\/head>/g' index.html
        echo "》》》登录模板已同步！"

rsync -auz ${tmpPath}/project/hivuiMain ${projectPath}/${username}/${projectName}/deploy/${projectName}/
        cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/hivuiMain
        sed -i 's/<\/head>/'"${source[*]}"'<\/head>/g' index.html
        echo "》》》主页模板已同步！"

rsync -auz ${tmpPath}/project/hivuiBirt ${projectPath}/${username}/${projectName}/deploy/${projectName}/
        cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/hivuiBirt
        sed -i 's/<\/head>/'"${source[*]}"'<\/head>/g' index.html
        echo "》》》报表模板同步！"

cd "${tmpPath}/"        
        npm i 
        rsync -auz ${tmpPath}/node_modules ${projectPath}/${username}/${projectName}/deploy/
        echo "》》》node环境已同步！"

cd "${tmpPath}/"
        npm i hi-ui -S
        rm -rf ${projectPath}/${username}/${projectName}/deploy/node_modules/hi-ui
        rsync -auz ${tmpPath}/node_modules/hi-ui ${projectPath}/${username}/${projectName}/deploy/node_modules/
        echo "》》》hi-ui库已同步！"

rsync -auz ${tmpPath}/build ${projectPath}/${username}/${projectName}/deploy/
        rsync -auz ${tmpPath}/babel.config.js ${projectPath}/${username}/${projectName}/deploy/
        rsync -auz ${tmpPath}/.postcssrc.js ${projectPath}/${username}/${projectName}/deploy/
        rsync -auz ${tmpPath}/.browserslistrc ${projectPath}/${username}/${projectName}/deploy/
        rsync -auz ${tmpPath}/vite-plugin ${projectPath}/${username}/${projectName}/deploy/

rsync -auz ${tmpPath}/.env.development ${projectPath}/${username}/${projectName}/deploy/.env.development
        rsync -auz ${tmpPath}/.env.production ${projectPath}/${username}/${projectName}/deploy/.env.production
        rsync -auz ${tmpPath}/.env.staging ${projectPath}/${username}/${projectName}/deploy/.env.staging

rsync -auz ${tmpPath}/vite.config.js ${projectPath}/${username}/${projectName}/deploy/vite.config.js
        echo "》》》已同步程序环境(build、babel.config.js、.postcssrc.js、.browserslistrc、vite-plugin、.env.development、.env.production、.env.staging、vite.config.js)..."

# source ${cmdDir}/var_env.sh
        ### 设置环境变量
        sed -i 's#$VITE_APP_USERPATH \?= \?$.*#\1'"/e5/render/${username}"'#g' .env.production    
        sed -i 's#$VITE_APP_BASE_API \?= \?$.*#\1'"${DEV_BASE_API}"'#g' ${projectPath}/${username}/${projectName}/deploy/.env.development
        sed -i 's#$VITE_APP_PN \?= \?$.*#\1'"${projectName}/${username}"'#g' ${projectPath}/${username}/${projectName}/deploy/.env.development
        sed -i 's#$VITE_APP_PN \?= \?$.*#\1'"${projectName}/${username}"'#g' ${projectPath}/${username}/${projectName}/deploy/.env.staging

### node_modules/vite 环境
        cd ${projectPath}/${username}/${projectName}/deploy/node_modules/vite/dist/client 
        # sed 's/要替换的内容/新的内容/'
        # 将所有的数字替换成内容
        # sed 's/[0-9]/好的/g' testFile2.txt  
        sed -i "s#const.*socketHost.*=.*#${viteStr[*]}#g" client.js
        sed -i "s#case 'update':.*#case 'update':return;#g" client.js
        sed -i "s#case.*'full-reload':.*#case 'full-reload':return;#g" client.js

echo "》》》程序环境已同步！"
    ;;
    esac

rsync -auz ${tmpPath}/package.json ${projectPath}/${username}/${projectName}/deploy/package.json
    cd ${projectPath}/${username}/${projectName}/deploy/
    ## 替换 package.json 的 name 值
    sed -i 's#$"name": \?"$.*#\1'"${projectName}"'",#g' package.json
    sed -i 's#$"author": \?"$.*#\1'"${username}"'",#g' package.json
    echo "》》》正在重启服务..."
    pm2 stop "vite-${username}-${projectName}"
    pm2 delete "vite-${username}-${projectName}"
    npm run rm:vite
    npm run pm2:start
    pm2 save
    echo "》》》已经重启服务！！"
;;
esac

#!/bin/bash
## 权限问题，用  chmod u+x *.sh
## eg: oper.sh

# 用户名  
# 项目名 
# 操作 (create , restart , start , kill ,  stop , del , build , sync)
# 部署路径 (upload)
# 同步内容 (node_modules , build , cli)

ip=`ifconfig -a|grep inet|grep -v 127.0.0.1|grep -v inet6|awk '{print $2}'|tr -d "addr:"`
tagIp="192.168.4.193"
if [[ $ip == *$tagIp* ]]; then  
	DEV_BASE_API='http://192.168.4.106:7777/' #传给配置 .env.development 的 VITE_APP_BASE_API 做后端请求数据
else
	DEV_BASE_API='http://e5.hieap.cn/' #传给配置 .env.development 的 VITE_APP_BASE_API 做后端请求数据
fi

nrm del zhc
nrm add zhc  http://npm.hieap.cn/
nrm use zhc

cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/hivuiLogin
    sed -i 's/<\/head>/'"${source[*]}"'<\/head>/g' index.html

cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/hivuiMain
    sed -i 's/<\/head>/'"${source[*]}"'<\/head>/g' index.html

cd ${projectPath}/${username}/${projectName}/deploy/${projectName}/setting/desktop/appsetting/js/1.0.0
    sed -i 's#$projectName \?= \?$.*#\1"'"${projectName}"'";#g' appsetting.js

echo "<4>配置Nginx环境"
    getNginx $port
    # /usr/local/nginx/conf/nginx.conf
    cd /usr/local/nginx/conf
    sed -i "s#http.*{#http {${nginxStr}#g" nginx.conf
    cd /usr/local/nginx/sbin
    # 清缓存
    rm -rf  /usr/local/nginx/proxy_temp 
    ./nginx -s reload

if [ $username = "admin" -a $projectName = "systpl" ] ; then
        echo "系统模板，不可删除！"
        exit 1
    fi

cd "${tmpPath}/"        
        npm i 
        rsync -auz ${tmpPath}/node_modules ${projectPath}/${username}/${projectName}/deploy/
        echo "》》》node环境已同步！"

echo "》》》程序环境已同步！"
    ;;
    esac

Ignore Space Show notes View build/doc.txt
node webpack 多config 编译执行 https://cloud.tencent.com/developer/section/1477277 parallel-webpack 多config 并行执行编译，这样提高速度 192.168.4.194 项目文件：/filesdisk2/eap5/web/workspace/project/deploy /filesdisk2/eap5/studio/workspace/project/deploy/ 192.168.4.193 项目文件： /opt/eap5/desktop/preview/ deploy最终的项目部署目录 http://192.168.4.194:3000/project/01521/mokuai/shitu/abc/dtv/1.0.0/index.html 让npm run dev在Linux后台持久运行 nohup npm run dev >/dev/null 2>&1 & exit 杀端口进程 netstat -apn\|grep 3000 kill -9 18164 下面几个版本组合（有些版本没有列出来）。 npm install -g node-gyp https://github.com/webpack-contrib/sass-loader/blob/v6.0.7/package.json node-sass 对环境的要求 Node 12 的话要 node-sass 4.12+ 然页sass-loader 版本8的，配对 node-sass版本4 npm i sass-loader@8.0.2 node-sass@4.13.0 -D npm rebuild node-sass npm i less@4.1.1 less-loader@3.0.0 -D npm cache clean -f rimraf node_modules npm shrinkwrap // npm-shrinkwrap.json 锁定包版本环境 1：npm install webpack -g 2: npm install webpack-cli -g 3: npm init -y 4: npm install webpack --save-dev 5: npm install html-webpack-plugin （html编译插件） 6：npm install clean-webpack-plugin 6.1: npm install webpack-dev-server (服务插件) 6.2: npm install style-loader css-loader （css打包插件） 6.3: npm install file-loader url-loader (文件图片打包插件) 6.4: npm install less-loader (less打包插件) 6.5: npm install sass scss --save-dev （sass scss打包插件） 6.6: npm install sass-loader nade-sass (sass打包插件) 7新建一个src文件夹和 less文件夹和webpack.config.js //以element 方式打包各各组件，做为按需导出使用 ElementUI/babel-plugin-component .babelrc "plugins": ["transform-vue-jsx", "transform-runtime", [ "component", { "libraryName": "hi-ui", "style":false } ]], vue2 使用 vite 所需求的步骤： 1、相关包安装 npm i '@vitejs/plugin-vue' '@vue/compiler-sfc' vite vite-plugin-vue2 -D 2、添加vite.confing.js import { createVuePlugin } from "vite-plugin-vue2"; 在配置项中，转vue plugins: [createVuePlugin()], 3、修改vite/dist/client/client.js case 'error': //判断当前出错的页面 let locPath = location.pathname.split('/'); locPath.pop(); if(err.id.indexOf(locPath.join('/'))==-1)break; case 'update': return;//让用户手动去刷新 08335 case 'full-reload': return;//让用户手动去刷新 08335 报类似这样的错误： Current process list running is not in sync with saved list. App BookStack differs. Type ‘pm2 save’ to synchronize. 按先后顺序，执行如下操作： pm2 update pm2 save pm2 list //当dock重新部署时这个重启服务 pm2 resurrect npm i vite@2.3.7 --save-dev //fonticon这个版本才可以有图标显示 webpack5 https://blog.csdn.net/j178202798/category_11141799.html npm run build:debug ./project/zhuomianduanyanshi/biaozhundanju/view/biaodan/dtv/1.0.0 webpack 2 vite https://github.com/tnfe/wp2vite/blob/master/README.zh-CN.md 自动化构建工具（三）Parcel https://blog.csdn.net/weixin_42580704/article/details/108378689 https://www.parceljs.cn/getting_started.html /eap5.0/hiruntime/project/desktop/oper.sh admin eap5csxm sync cli /eap5.0/hiruntime/project/desktop/project-template/build/bin/oper.sh cp -rf /eap5.0/hiruntime/project/desktop/project-template/build/bin/oper.sh /eap5.0/hiruntime/project/desktop/ chmod -R 777 /eap5.0/hiruntime/project/desktop /eap5.0/hiruntime/project/hicli.sh 项目类型用户名项目操作如：项目类型用户名项目名创建操作桌面端口 app端口小程序端口 eap5 0000227 eapProject create 2022 2023 2024 如：项目类型用户名项目名删除操作 eap5 0000227 eapProject delete 如：项目类型用户名项目名同步操作平台同步方式 eap5 0000227 eapProject sync desktop hiui eap5 0000227 eapProject sync rn eap5 0000227 eapProject sync xcx 如：项目类型用户名项目名重启操作平台端口 eap5 0000227 eapProject restart desktop eap5 0000227 eapProject restart rn 2025 eap5 0000227 eapProject restart xcx 2026 项目类型，工号，项目，命令，平台，命令参数（逗号分开） eap5 admin eaptpl build desktop 模块路径列表（逗号分开）上传路径 eap5 admin eaptpl build android 部署名上传路径 eap5 admin eaptpl build xcx 部署名上传路径 eap5 admin eaptpl build ios 部署名上传路径 ================linux 命令============================= /usr/local/nginx/sbin pm2 startup 端口查看进程 lsof -i :8081 杀端口进程 netstat -apn\|grep 3000 kill -9 18164 lsof -i :38889 free -m 查看内存查看用户进程的内存使用情况 ps auxw\|head -1;ps auxw\|sort -rn -k3\|head -10 杀webpack 进程 ps -ef\|grep webpack\|grep -v grep\|cut -c 9-15\|xargs kill -9 使用指令sed -i 's/\r$//' xxxxxxx.sh，上面的指令会把 xxxxxxx.sh 中的\r 替换成空白！内网： PC http://项目名.工号.pre2.hieap.cn 手机 http://项目名rn.工号.pre2.hieap.cn 小程序 http://项目名xcx.工号.pre2.hieap.cn 文档 http://项目名doc.工号.pre2.hieap.cn 外网： PC http://项目名.工号.pre.hieap.cn 手机 http://项目名rn.工号.pre.hieap.cn 小程序 http://项目名xcx.工号.pre.hieap.cn 文档 http://项目名doc.工号.pre.hieap.cn 【======编译问题 ======】可能 parallel-webpack cpu太多可能 happypack cpu太多目前把 parallel-webpack 降到 1 cpu 结果可以跑的动 node webpack 多config 编译执行 https://cloud.tencent.com/developer/section/1477277 parallel-webpack 多config 并行执行编译，这样提高速度 192.168.4.194 项目文件：/filesdisk2/eap5/web/workspace/project/deploy /filesdisk2/eap5/studio/workspace/project/deploy/ 192.168.4.193 项目文件： /opt/eap5/desktop/preview/ deploy最终的项目部署目录 http://192.168.4.194:3000/project/01521/mokuai/shitu/abc/dtv/1.0.0/index.html 让npm run dev在Linux后台持久运行 nohup npm run dev >/dev/null 2>&1 & exit 杀端口进程 netstat -apn\|grep 3000 kill -9 18164 下面几个版本组合（有些版本没有列出来）。 npm install -g node-gyp https://github.com/webpack-contrib/sass-loader/blob/v6.0.7/package.json node-sass 对环境的要求 Node 12 的话要 node-sass 4.12+ 然页sass-loader 版本8的，配对 node-sass版本4 npm i sass-loader@8.0.2 node-sass@4.13.0 -D npm rebuild node-sass npm i less@4.1.1 less-loader@3.0.0 -D npm cache clean -f rimraf node_modules npm shrinkwrap // npm-shrinkwrap.json 锁定包版本环境 1：npm install webpack -g 2: npm install webpack-cli -g 3: npm init -y 4: npm install webpack --save-dev 5: npm install html-webpack-plugin （html编译插件） 6：npm install clean-webpack-plugin 6.1: npm install webpack-dev-server (服务插件) 6.2: npm install style-loader css-loader （css打包插件） 6.3: npm install file-loader url-loader (文件图片打包插件) 6.4: npm install less-loader (less打包插件) 6.5: npm install sass scss --save-dev （sass scss打包插件） 6.6: npm install sass-loader nade-sass (sass打包插件) 7新建一个src文件夹和 less文件夹和webpack.config.js //以element 方式打包各各组件，做为按需导出使用 ElementUI/babel-plugin-component .babelrc "plugins": ["transform-vue-jsx", "transform-runtime", [ "component", { "libraryName": "hi-ui", "style":false } ]], vue2 使用 vite 所需求的步骤： 1、相关包安装 npm i '@vitejs/plugin-vue' '@vue/compiler-sfc' vite vite-plugin-vue2 -D 2、添加vite.confing.js import { createVuePlugin } from "vite-plugin-vue2"; 在配置项中，转vue plugins: [createVuePlugin()], 3、修改vite/dist/client/client.js case 'error': //判断当前出错的页面 let locPath = location.pathname.split('/'); locPath.pop(); if(err.id.indexOf(locPath.join('/'))==-1)break; case 'update': return;//让用户手动去刷新 08335 case 'full-reload': return;//让用户手动去刷新 08335 报类似这样的错误： Current process list running is not in sync with saved list. App BookStack differs. Type ‘pm2 save’ to synchronize. 按先后顺序，执行如下操作： pm2 update pm2 save pm2 list npm i vite@2.3.7 --save-dev //fonticon这个版本才可以有图标显示 webpack5 https://blog.csdn.net/j178202798/category_11141799.html npm run build:debug ./project/zhuomianduanyanshi/biaozhundanju/view/biaodan/dtv/1.0.0 webpack 2 vite https://github.com/tnfe/wp2vite/blob/master/README.zh-CN.md 自动化构建工具（三）Parcel https://blog.csdn.net/weixin_42580704/article/details/108378689 https://www.parceljs.cn/getting_started.html /eap5.0/hiruntime/project/desktop/oper.sh admin eap5csxm sync cli /eap5.0/hiruntime/project/desktop/project-template/build/bin/oper.sh cp -rf /eap5.0/hiruntime/project/desktop/project-template/build/bin/oper.sh /eap5.0/hiruntime/project/desktop/ chmod -R 777 /eap5.0/hiruntime/project/desktop /eap5.0/hiruntime/project/hicli.sh 项目类型用户名项目操作如：项目类型用户名项目名创建操作桌面端口 app端口小程序端口 eap5 0000227 eapProject create 2022 2023 2024 如：项目类型用户名项目名删除操作 eap5 0000227 eapProject delete 如：项目类型用户名项目名同步操作平台同步方式 eap5 0000227 eapProject sync desktop hiui eap5 0000227 eapProject sync rn eap5 0000227 eapProject sync xcx 如：项目类型用户名项目名重启操作平台端口 eap5 0000227 eapProject restart desktop eap5 0000227 eapProject restart rn 2025 eap5 0000227 eapProject restart xcx 2026 项目类型，工号，项目，命令，平台，命令参数（逗号分开） eap5 admin eaptpl build desktop 模块路径列表（逗号分开）上传路径 eap5 admin eaptpl build android 部署名上传路径 eap5 admin eaptpl build xcx 部署名上传路径 eap5 admin eaptpl build ios 部署名上传路径 ================linux 命令============================= /usr/local/nginx/sbin pm2 startup 端口查看进程 lsof -i :8081 杀端口进程 netstat -apn\|grep 3000 kill -9 18164 lsof -i :38889 free -m 查看内存查看用户进程的内存使用情况 ps auxw\|head -1;ps auxw\|sort -rn -k3\|head -10 杀webpack 进程 ps -ef\|grep webpack\|grep -v grep\|cut -c 9-15\|xargs kill -9 使用指令sed -i 's/\r$//' xxxxxxx.sh，上面的指令会把 xxxxxxx.sh 中的\r 替换成空白！【======编译问题 ======】可能 parallel-webpack cpu太多可能 happypack cpu太多目前把 parallel-webpack 降到 1 cpu 结果可以跑的动

Ignore Space Show notes View

build/doc.txt

node webpack 多config 编译执行
https://cloud.tencent.com/developer/section/1477277
parallel-webpack 多config 并行执行编译，这样提高速度

192.168.4.194
项目文件：/filesdisk2/eap5/web/workspace/project/deploy
        /filesdisk2/eap5/studio/workspace/project/deploy/
        
192.168.4.193
项目文件：
/opt/eap5/desktop/preview/

deploy最终的项目部署目录
http://192.168.4.194:3000/project/01521/mokuai/shitu/abc/dtv/1.0.0/index.html

让npm run dev在Linux后台 持久运行
nohup npm run dev >/dev/null 2>&1 &
exit
杀端口进程
netstat -apn|grep 3000
kill -9 18164

下面几个版本组合（有些版本没有列出来）。

npm install -g node-gyp
https://github.com/webpack-contrib/sass-loader/blob/v6.0.7/package.json

node-sass 对环境的要求 Node 12 的话要 node-sass 4.12+
然页sass-loader 版本8的， 配对 node-sass版本4 
npm i sass-loader@8.0.2 node-sass@4.13.0 -D

npm rebuild node-sass

npm i less@4.1.1 less-loader@3.0.0 -D
npm cache clean -f

rimraf node_modules
npm shrinkwrap  // npm-shrinkwrap.json 锁定包版本环境

1：npm install webpack -g

2: npm install webpack-cli -g

3: npm init -y

4: npm install webpack --save-dev

5: npm install html-webpack-plugin    （html编译插件）

6：npm install clean-webpack-plugin

6.1: npm install webpack-dev-server   (服务插件)

6.2: npm install style-loader css-loader  （css打包插件）

6.3: npm install file-loader url-loader    (文件图片打包插件)

6.4: npm install less-loader    (less打包插件)

6.5: npm install sass scss --save-dev       （sass scss打包插件）

6.6: npm install sass-loader nade-sass      (sass打包插件)

7新建一个src文件夹  和  less文件夹       和webpack.config.js

//以element 方式打包各各组件，做为按需导出使用 ElementUI/babel-plugin-component
.babelrc
"plugins": ["transform-vue-jsx", "transform-runtime", [
    "component",
    {
        "libraryName": "hi-ui",
        "style":false
    }
]],

vue2 使用 vite 所需求的步骤：

1、相关包安装
npm i '@vitejs/plugin-vue' '@vue/compiler-sfc' vite vite-plugin-vue2 -D

2、添加vite.confing.js
import { createVuePlugin } from "vite-plugin-vue2";
在配置项中，转vue
plugins: [createVuePlugin()],

3、修改vite/dist/client/client.js

case 'error': 
    //判断当前出错的页面
    let locPath = location.pathname.split('/');
    locPath.pop();            
    if(err.id.indexOf(locPath.join('/'))==-1)break;

case 'update': 
        return;//让用户手动去刷新 08335
    case 'full-reload':
        return;//让用户手动去刷新 08335

报类似这样的错误： Current process list running is not in sync with saved list. App BookStack differs. Type ‘pm2 save’ to synchronize.

按先后顺序，执行如下操作：

pm2 update
pm2 save
pm2 list
//当dock重新部署时这个重启服务
pm2 resurrect

npm i vite@2.3.7 --save-dev //fonticon这个版本才可以有图标显示
webpack5
https://blog.csdn.net/j178202798/category_11141799.html

npm run build:debug ./project/zhuomianduanyanshi/biaozhundanju/view/biaodan/dtv/1.0.0

webpack 2 vite
 https://github.com/tnfe/wp2vite/blob/master/README.zh-CN.md

自动化构建工具（三）Parcel
 https://blog.csdn.net/weixin_42580704/article/details/108378689
 https://www.parceljs.cn/getting_started.html

/eap5.0/hiruntime/project/desktop/oper.sh admin eap5csxm sync cli

/eap5.0/hiruntime/project/desktop/project-template/build/bin/oper.sh

cp -rf /eap5.0/hiruntime/project/desktop/project-template/build/bin/oper.sh /eap5.0/hiruntime/project/desktop/

chmod -R 777 /eap5.0/hiruntime/project/desktop

/eap5.0/hiruntime/project/hicli.sh 项目类型   用户名   项目    操作

如：项目类型   用户名   项目名   创建操作  桌面端口   app端口   小程序端口    
eap5  0000227  eapProject  create    2022   2023   2024

如：项目类型   用户名  项目名   删除操作 
eap5  0000227  eapProject  delete

如：项目类型   用户名   项目名  同步操作  平台   同步方式
eap5  0000227   eapProject   sync   desktop   hiui
eap5  0000227   eapProject   sync  rn 
eap5  0000227   eapProject   sync  xcx

如：项目类型   用户名   项目名   重启操作   平台    端口
eap5  0000227   eapProject  restart    desktop
eap5  0000227   eapProject  restart    rn     2025
eap5  0000227   eapProject  restart    xcx    2026

项目类型，工号，项目，命令 ，平台 ，命令参数（逗号分开）
eap5   admin  eaptpl  build  desktop  模块路径列表（逗号分开） 上传路径 
eap5   admin  eaptpl  build  android  部署名 上传路径 
eap5   admin  eaptpl  build  xcx  部署名 上传路径 
eap5   admin  eaptpl  build  ios  部署名 上传路径 
================linux 命令=============================
/usr/local/nginx/sbin

pm2 startup

端口查看进程 lsof -i :8081

杀端口进程
netstat -apn|grep 3000
kill -9 18164

lsof -i :38889

free -m   查看内存

查看用户进程的内存使用情况
ps auxw|head -1;ps auxw|sort -rn -k3|head -10

杀webpack 进程
ps -ef|grep webpack|grep -v grep|cut -c 9-15|xargs kill -9

使用指令sed -i 's/\r$//' xxxxxxx.sh，上面的指令会把 xxxxxxx.sh 中的\r 替换成空白！

内网：
PC      http://项目名.工号.pre2.hieap.cn
手机    http://项目名rn.工号.pre2.hieap.cn
小程序    http://项目名xcx.工号.pre2.hieap.cn
文档      http://项目名doc.工号.pre2.hieap.cn

外网：
PC      http://项目名.工号.pre.hieap.cn
手机    http://项目名rn.工号.pre.hieap.cn
小程序    http://项目名xcx.工号.pre.hieap.cn
文档      http://项目名doc.工号.pre.hieap.cn

【======编译问题 ======】
可能 parallel-webpack  cpu太多 
可能  happypack  cpu太多
目前把  parallel-webpack 降到 1 cpu  结果可以跑的动

node webpack 多config 编译执行
https://cloud.tencent.com/developer/section/1477277
parallel-webpack 多config 并行执行编译，这样提高速度

192.168.4.194
项目文件：/filesdisk2/eap5/web/workspace/project/deploy
        /filesdisk2/eap5/studio/workspace/project/deploy/
        
192.168.4.193
项目文件：
/opt/eap5/desktop/preview/

deploy最终的项目部署目录
http://192.168.4.194:3000/project/01521/mokuai/shitu/abc/dtv/1.0.0/index.html

让npm run dev在Linux后台 持久运行
nohup npm run dev >/dev/null 2>&1 &
exit
杀端口进程
netstat -apn|grep 3000
kill -9 18164

下面几个版本组合（有些版本没有列出来）。

npm install -g node-gyp
https://github.com/webpack-contrib/sass-loader/blob/v6.0.7/package.json

node-sass 对环境的要求 Node 12 的话要 node-sass 4.12+
然页sass-loader 版本8的， 配对 node-sass版本4 
npm i sass-loader@8.0.2 node-sass@4.13.0 -D

npm rebuild node-sass

npm i less@4.1.1 less-loader@3.0.0 -D
npm cache clean -f

rimraf node_modules
npm shrinkwrap  // npm-shrinkwrap.json 锁定包版本环境

1：npm install webpack -g

2: npm install webpack-cli -g

3: npm init -y

4: npm install webpack --save-dev

5: npm install html-webpack-plugin    （html编译插件）

6：npm install clean-webpack-plugin

6.1: npm install webpack-dev-server   (服务插件)

6.2: npm install style-loader css-loader  （css打包插件）

6.3: npm install file-loader url-loader    (文件图片打包插件)

6.4: npm install less-loader    (less打包插件)

6.5: npm install sass scss --save-dev       （sass scss打包插件）

6.6: npm install sass-loader nade-sass      (sass打包插件)

7新建一个src文件夹  和  less文件夹       和webpack.config.js

vue2 使用 vite 所需求的步骤：

1、相关包安装
npm i '@vitejs/plugin-vue' '@vue/compiler-sfc' vite vite-plugin-vue2 -D

2、添加vite.confing.js
import { createVuePlugin } from "vite-plugin-vue2";
在配置项中，转vue
plugins: [createVuePlugin()],

3、修改vite/dist/client/client.js

case 'error': 
    //判断当前出错的页面
    let locPath = location.pathname.split('/');
    locPath.pop();            
    if(err.id.indexOf(locPath.join('/'))==-1)break;

case 'update': 
        return;//让用户手动去刷新 08335
    case 'full-reload':
        return;//让用户手动去刷新 08335

报类似这样的错误： Current process list running is not in sync with saved list. App BookStack differs. Type ‘pm2 save’ to synchronize.

按先后顺序，执行如下操作：

pm2 update
pm2 save
pm2 list

npm i vite@2.3.7 --save-dev //fonticon这个版本才可以有图标显示
webpack5
https://blog.csdn.net/j178202798/category_11141799.html

npm run build:debug ./project/zhuomianduanyanshi/biaozhundanju/view/biaodan/dtv/1.0.0

webpack 2 vite
 https://github.com/tnfe/wp2vite/blob/master/README.zh-CN.md

自动化构建工具（三）Parcel
 https://blog.csdn.net/weixin_42580704/article/details/108378689
 https://www.parceljs.cn/getting_started.html

/eap5.0/hiruntime/project/desktop/oper.sh admin eap5csxm sync cli

/eap5.0/hiruntime/project/desktop/project-template/build/bin/oper.sh

cp -rf /eap5.0/hiruntime/project/desktop/project-template/build/bin/oper.sh /eap5.0/hiruntime/project/desktop/

chmod -R 777 /eap5.0/hiruntime/project/desktop

/eap5.0/hiruntime/project/hicli.sh 项目类型   用户名   项目    操作

如：项目类型   用户名   项目名   创建操作  桌面端口   app端口   小程序端口    
eap5  0000227  eapProject  create    2022   2023   2024

如：项目类型   用户名  项目名   删除操作 
eap5  0000227  eapProject  delete

pm2 startup

端口查看进程 lsof -i :8081

杀端口进程
netstat -apn|grep 3000
kill -9 18164

lsof -i :38889

free -m   查看内存

查看用户进程的内存使用情况
ps auxw|head -1;ps auxw|sort -rn -k3|head -10

杀webpack 进程
ps -ef|grep webpack|grep -v grep|cut -c 9-15|xargs kill -9

使用指令sed -i 's/\r$//' xxxxxxx.sh，上面的指令会把 xxxxxxx.sh 中的\r 替换成空白！

【======编译问题 ======】
可能 parallel-webpack  cpu太多 
可能  happypack  cpu太多
目前把  parallel-webpack 降到 1 cpu  结果可以跑的动

Ignore Space Show notes View build/webpack.base.conf.js
const path = require('path'); var HtmlWebpackPlugin = require('html-webpack-plugin'); const AddAssetHtmlPlugin = require('add-asset-html-webpack-plugin');//------------ const CleanWebpackPlugin = require('clean-webpack-plugin'); const VueLoaderPlugin = require('vue-loader/lib/plugin'); const CopyWebpackPlugin = require('copy-webpack-plugin'); const ProgressBarPlugin = require('progress-bar-webpack-plugin'); const UglifyJsPlugin = require("uglifyjs-webpack-plugin"); const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin"); const webpack = require('webpack'); const packageConfig = require('../package.json'); const utils = require('./utils') const vueLoaderConfig = require('./vue-loader.conf') let evnConfig = require('./getEnvVar') // HappyPack // 原理：每次 webapck 解析一个模块时，HappyPack 会将它及它的依赖分配到worker线程中。 // 提示：由于HappyPack 对file-loader、url-loader 支持的不友好，所以不建议对该loader使用。 // 引入 Happpack 可以在 package.json 找到你下载的 const HappyPack = require('happypack'); // 安装 OS 模块这个主要是拿到当前电脑的CPU核数 const os = require('os'); /* 这个是设置共享线程池中的数量 size 控制设置数量类型只能是整数类型 / const cpus = os.cpus().length; const happyThreadPool = HappyPack.ThreadPool({ size: cpus-1>1?cpus-1:1 });//os.cpus().length 不能开最大 module.exports = { // entry: { // 'login': ['babel-polyfill', './project/hivuiLogin/index.js'], // 'main': ['babel-polyfill','./project/hivuiMain/index.js'] // }, // output: { // filename: '[name].[contenthash].js', // chunkFilename: '[name].[contenthash].js', // path: path.resolve(__dirname, 'dist') // }, resolve: { extensions: ['.js', '.jsx', '.vue', '.json', '.dtvevt', '.dvue'], alias: { 'vue$': 'vue/dist/vue.esm.js', 'vuex$': 'vuex/dist/vuex.esm.js', '@': path.resolve(__dirname, `${packageConfig.name}`), '@main': path.resolve(__dirname, `../${packageConfig.name}/hivuiMain`), // '@': path.resolve(__dirname, 'src'), } }, externals: { 'vue': 'Vue', 'vuex': 'Vuex', 'vue-router': 'VueRouter', "element-ui": "ELEMENT", }, module: { rules: [ ...(utils.styleLoaders({ sourceMap: false, extract: process.env.NODE_ENV === 'production', usePostCSS: true })), { test: /\.(js\|jsx\|dtvevt?\|babel\|es6)$/, loader: 'happypack/loader?id=happy_js_jsx', // loader: 'babel-loader', // exclude: [path.resolve(__dirname, 'node_modules')]//放开，里头有些也是可选链操作符 }, { test: /\.(vue\|dvue)$/, // loader: 'happypack/loader?id=happy-vue-loader' ???不行，Make sure the rule matching .vue files include vue-loader in its use. loader: 'vue-loader', options: vueLoaderConfig }, { test: /\.(png\|jpe?g\|gif\|svg)(\?.)?$/, loader: 'url-loader', options: { limit: 10000, name: '[name].[hash:7].[ext]', publicPath: "../img/", //替换CSS引用的图片路径可以替换成爱拍云上的路径 outputPath: "static/img/" //生成之后存放的路径 } }, { test: /\.(mp4\|webm\|ogg\|mp3\|wav\|flac\|aac)(\?.)?$/, loader: 'url-loader', options: { limit: 10000, name: '[name].[hash:7].[ext]', publicPath: "../img/", //替换CSS引用的图片路径可以替换成爱拍云上的路径 outputPath: "static/media/" //生成之后存放的路径 } }, { test: /\.(woff2?\|eot\|ttf\|otf)(\?.)?$/, loader: 'url-loader', options: { limit: 10000, name: '[name].[hash:7].[ext]', publicPath: "../fonts/", //替换CSS引用的图片路径可以替换成爱拍云上的路径 outputPath: "static/fonts/" //生成之后存放的路径 } } ] }, optimization: { minimizer: [ new UglifyJsPlugin({ cache: true, parallel: true, sourceMap: true }), new OptimizeCSSAssetsPlugin({ cssProcessor: require('cssnano'), cssProcessorPluginOptions: { preset: ['default', { discardComments: { removeAll: true } }], }, canPrint: false }) ], runtimeChunk: { "name": "manifest" }, splitChunks: { cacheGroups: { default: false, vendors: false, vendor: { test: /[\\/]node_modules[\\/]/, name: 'vendors', chunks: 'all' } } } }, plugins: [ new VueLoaderPlugin(), new HappyPack({ id: 'happy_js_jsx', //共享进程池 threadPool: happyThreadPool, loaders: ['babel-loader'] }), // new HappyPack({ // id: 'happy-vue-loader', // loaders: [{ // loader: 'vue-loader', // options:vueLoaderConfig // }], // threadPool: happyThreadPool // }), new webpack.HashedModuleIdsPlugin(), new ProgressBarPlugin(), // new CleanWebpackPlugin(['dist']), //注入全局变量的插件,通常使用该插件来判别代码运行的环境变量 new webpack.DefinePlugin({ 'process.env': evnConfig }), new webpack.DllReferencePlugin({ context: path.resolve(__dirname), manifest: require('../assets_platform/vendor_dll/vendor-manifest.json') }), //这个主要是将生成的vendor.dll.js文件加上hash值插入到页面中。[也可以手动写到html这里不做处理] // new AddAssetHtmlPlugin([{ // filepath: path.resolve(__dirname, 'js_dll/comm_vendors.dll.js'), // outputPath: 'js_dll/', // publicPath: 'js_dll/', // includeSourcemap: false, // hash: true, // }]), // new CopyWebpackPlugin([ // { // from: path.resolve(__dirname, 'assets_platform'), // to: path.resolve(__dirname, 'dist/assets_platform') // }, // // { // // from: path.resolve(__dirname, 'js_dll'), // // to: path.resolve(__dirname, 'dist') // // } // ]) ] }; const path = require('path'); var HtmlWebpackPlugin = require('html-webpack-plugin'); const AddAssetHtmlPlugin = require('add-asset-html-webpack-plugin');//------------ const CleanWebpackPlugin = require('clean-webpack-plugin'); const VueLoaderPlugin = require('vue-loader/lib/plugin'); const CopyWebpackPlugin = require('copy-webpack-plugin'); const ProgressBarPlugin = require('progress-bar-webpack-plugin'); const UglifyJsPlugin = require("uglifyjs-webpack-plugin"); const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin"); const webpack = require('webpack'); const packageConfig = require('../package.json'); const utils = require('./utils') const vueLoaderConfig = require('./vue-loader.conf') let evnConfig = require('./getEnvVar') // HappyPack // 原理：每次 webapck 解析一个模块时，HappyPack 会将它及它的依赖分配到worker线程中。 // 提示：由于HappyPack 对file-loader、url-loader 支持的不友好，所以不建议对该loader使用。 // 引入 Happpack 可以在 package.json 找到你下载的 const HappyPack = require('happypack'); // 安装 OS 模块这个主要是拿到当前电脑的CPU核数 const os = require('os'); /* 这个是设置共享线程池中的数量 size 控制设置数量类型只能是整数类型 / const cpus = os.cpus().length; const happyThreadPool = HappyPack.ThreadPool({ size: cpus-1>1?cpus-1:1 });//os.cpus().length 不能开最大 module.exports = { // entry: { // 'login': ['babel-polyfill', './project/hivuiLogin/index.js'], // 'main': ['babel-polyfill','./project/hivuiMain/index.js'] // }, // output: { // filename: '[name].[contenthash].js', // chunkFilename: '[name].[contenthash].js', // path: path.resolve(__dirname, 'dist') // }, resolve: { extensions: ['.js', '.jsx', '.vue', '.json', '.dtvevt'], alias: { 'vue$': 'vue/dist/vue.esm.js', 'vuex$': 'vuex/dist/vuex.esm.js', '@': path.resolve(__dirname, `${packageConfig.name}`), '@main': path.resolve(__dirname, `../${packageConfig.name}/hivuiMain`), // '@': path.resolve(__dirname, 'src'), } }, externals: { 'vue': 'Vue', 'vuex': 'Vuex', 'vue-router': 'VueRouter', "element-ui": "ELEMENT", }, module: { rules: [ ...(utils.styleLoaders({ sourceMap: false, extract: process.env.NODE_ENV === 'production', usePostCSS: true })), { test: /\.(js\|jsx\|dtvevt?\|babel\|es6)$/, loader: 'happypack/loader?id=happy_js_jsx', // loader: 'babel-loader', // exclude: [path.resolve(__dirname, 'node_modules')]//放开，里头有些也是可选链操作符 }, { test: /\.(vue)$/, // loader: 'happypack/loader?id=happy-vue-loader' ???不行，Make sure the rule matching .vue files include vue-loader in its use. loader: 'vue-loader', options: vueLoaderConfig }, { test: /\.(png\|jpe?g\|gif\|svg)(\?.)?$/, loader: 'url-loader', options: { limit: 10000, name: '[name].[hash:7].[ext]', publicPath: "../img/", //替换CSS引用的图片路径可以替换成爱拍云上的路径 outputPath: "static/img/" //生成之后存放的路径 } }, { test: /\.(mp4\|webm\|ogg\|mp3\|wav\|flac\|aac)(\?.)?$/, loader: 'url-loader', options: { limit: 10000, name: '[name].[hash:7].[ext]', publicPath: "../img/", //替换CSS引用的图片路径可以替换成爱拍云上的路径 outputPath: "static/media/" //生成之后存放的路径 } }, { test: /\.(woff2?\|eot\|ttf\|otf)(\?.)?$/, loader: 'url-loader', options: { limit: 10000, name: '[name].[hash:7].[ext]', publicPath: "../fonts/", //替换CSS引用的图片路径可以替换成爱拍云上的路径 outputPath: "static/fonts/" //生成之后存放的路径 } } ] }, optimization: { minimizer: [ new UglifyJsPlugin({ cache: true, parallel: true, sourceMap: true }), new OptimizeCSSAssetsPlugin({ cssProcessor: require('cssnano'), cssProcessorPluginOptions: { preset: ['default', { discardComments: { removeAll: true } }], }, canPrint: false }) ], runtimeChunk: { "name": "manifest" }, splitChunks: { cacheGroups: { default: false, vendors: false, vendor: { test: /[\\/]node_modules[\\/]/, name: 'vendors', chunks: 'all' } } } }, plugins: [ new VueLoaderPlugin(), new HappyPack({ id: 'happy_js_jsx', //共享进程池 threadPool: happyThreadPool, loaders: ['babel-loader'] }), // new HappyPack({ // id: 'happy-vue-loader', // loaders: [{ // loader: 'vue-loader', // options:vueLoaderConfig // }], // threadPool: happyThreadPool // }), new webpack.HashedModuleIdsPlugin(), new ProgressBarPlugin(), // new CleanWebpackPlugin(['dist']), //注入全局变量的插件,通常使用该插件来判别代码运行的环境变量 new webpack.DefinePlugin({ 'process.env': evnConfig }), new webpack.DllReferencePlugin({ context: path.resolve(__dirname), manifest: require('../assets_platform/vendor_dll/vendor-manifest.json') }), //这个主要是将生成的vendor.dll.js文件加上hash值插入到页面中。[也可以手动写到html这里不做处理] // new AddAssetHtmlPlugin([{ // filepath: path.resolve(__dirname, 'js_dll/comm_vendors.dll.js'), // outputPath: 'js_dll/', // publicPath: 'js_dll/', // includeSourcemap: false, // hash: true, // }]), // new CopyWebpackPlugin([ // { // from: path.resolve(__dirname, 'assets_platform'), // to: path.resolve(__dirname, 'dist/assets_platform') // }, // // { // // from: path.resolve(__dirname, 'js_dll'), // // to: path.resolve(__dirname, 'dist') // // } // ]) ] };

Ignore Space Show notes View

build/webpack.base.conf.js

const path = require('path');
var HtmlWebpackPlugin = require('html-webpack-plugin');
const AddAssetHtmlPlugin = require('add-asset-html-webpack-plugin');//------------
const CleanWebpackPlugin = require('clean-webpack-plugin');
const VueLoaderPlugin = require('vue-loader/lib/plugin');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const ProgressBarPlugin = require('progress-bar-webpack-plugin');
const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");
const webpack = require('webpack');
const packageConfig = require('../package.json');

const utils = require('./utils')
const vueLoaderConfig = require('./vue-loader.conf')
let evnConfig = require('./getEnvVar')

// HappyPack
// 原理：每次 webapck 解析一个模块时，HappyPack 会将它及它的依赖分配到worker线程中。
// 提示：由于HappyPack 对file-loader、url-loader 支持的不友好，所以不建议对该loader使用。
// 引入 Happpack 可以在 package.json 找到你下载的
const HappyPack = require('happypack');
// 安装 OS 模块 这个主要是拿到当前电脑的CPU核数
const os = require('os');
/*
	这个是设置共享线程池中的数量
	size 控制设置数量 类型 只能是 整数类型
*/
const cpus  = os.cpus().length;
const happyThreadPool = HappyPack.ThreadPool({ size: cpus-1>1?cpus-1:1 });//os.cpus().length  不能开最大

module.exports = {
  // entry: {
  //   'login': ['babel-polyfill', './project/hivuiLogin/index.js'],
  //   'main': ['babel-polyfill','./project/hivuiMain/index.js']
  // },
  // output: {
  //   filename: '[name].[contenthash].js',
  //   chunkFilename: '[name].[contenthash].js',
  //   path: path.resolve(__dirname, 'dist')
  // },
  resolve: {
    extensions: ['.js', '.jsx', '.vue', '.json', '.dtvevt', '.dvue'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      'vuex$': 'vuex/dist/vuex.esm.js',
      '@': path.resolve(__dirname, `${packageConfig.name}`),
      '@main': path.resolve(__dirname, `../${packageConfig.name}/hivuiMain`),
      // '@': path.resolve(__dirname, 'src'),
    }
  },
  externals: {
    'vue': 'Vue',
    'vuex': 'Vuex',
    'vue-router': 'VueRouter',
    "element-ui": "ELEMENT",
  },
  module: {
    rules: [
      ...(utils.styleLoaders({
        sourceMap: false,
        extract: process.env.NODE_ENV === 'production',
        usePostCSS: true
      })),
      {
        test: /\.(js|jsx|dtvevt?|babel|es6)$/,
        loader: 'happypack/loader?id=happy_js_jsx',
        // loader: 'babel-loader',
        // exclude: [path.resolve(__dirname, 'node_modules')]//放开，里头有些也是 可选链操作符
      },
      {
        test: /\.(vue|dvue)$/,
        // loader: 'happypack/loader?id=happy-vue-loader'  ???不行，Make sure the rule matching .vue files include vue-loader in its use.
        loader: 'vue-loader',
        options: vueLoaderConfig
      },
      {
        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: '[name].[hash:7].[ext]',
          publicPath: "../img/",	//替换CSS引用的图片路径 可以替换成爱拍云上的路径
          outputPath: "static/img/"		//生成之后存放的路径
        }
      },
      {
        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: '[name].[hash:7].[ext]',
          publicPath: "../img/",	//替换CSS引用的图片路径 可以替换成爱拍云上的路径
          outputPath: "static/media/"		//生成之后存放的路径
        }
      },
      {
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: '[name].[hash:7].[ext]',
          publicPath: "../fonts/",	//替换CSS引用的图片路径 可以替换成爱拍云上的路径
          outputPath: "static/fonts/"		//生成之后存放的路径
        }
      }
    ]
  },

optimization: {
    minimizer: [
      new UglifyJsPlugin({
        cache: true,
        parallel: true,
        sourceMap: true
      }),
      new OptimizeCSSAssetsPlugin({
        cssProcessor: require('cssnano'),
        cssProcessorPluginOptions: {
          preset: ['default', { discardComments: { removeAll: true } }],
        },
        canPrint: false
      })
    ],
    runtimeChunk: {
      "name": "manifest"
    },
    splitChunks: {
      cacheGroups: {
        default: false,
        vendors: false,
        vendor: {
          test: /[\\/]node_modules[\\/]/,
          name: 'vendors',
          chunks: 'all'
        }

}
    }
  },
  plugins: [
    new VueLoaderPlugin(),
    new HappyPack({
      id: 'happy_js_jsx',
      //共享进程池
      threadPool: happyThreadPool,
      loaders: ['babel-loader']
    }),
    // new HappyPack({
    //   id: 'happy-vue-loader',
    //   loaders: [{
    //     loader: 'vue-loader',
    //     options:vueLoaderConfig 
    //   }],
    //   threadPool: happyThreadPool
    // }),
    new webpack.HashedModuleIdsPlugin(),
    new ProgressBarPlugin(),
    // new CleanWebpackPlugin(['dist']),
    //注入全局变量的插件,通常使用该插件来判别代码运行的环境变量
    new webpack.DefinePlugin({
      'process.env': evnConfig
    }),
    new webpack.DllReferencePlugin({
      context: path.resolve(__dirname),
      manifest: require('../assets_platform/vendor_dll/vendor-manifest.json')
    }),
    //这个主要是将生成的vendor.dll.js文件加上hash值插入到页面中。[也可以手动写到html这里不做处理]
    // new AddAssetHtmlPlugin([{
    //   filepath: path.resolve(__dirname, 'js_dll/comm_vendors.dll.js'),
    //   outputPath: 'js_dll/',
    //   publicPath: 'js_dll/',
    //   includeSourcemap: false,
    //   hash: true,
    // }]),
    // new CopyWebpackPlugin([
    //   {
    //     from: path.resolve(__dirname, 'assets_platform'),
    //     to: path.resolve(__dirname, 'dist/assets_platform')
    //   },
    //   // {
    //   //   from: path.resolve(__dirname, 'js_dll'),
    //   //   to: path.resolve(__dirname, 'dist')
    //   // }
    // ])
  ]

};

const utils = require('./utils')
const vueLoaderConfig = require('./vue-loader.conf')
let evnConfig = require('./getEnvVar')

module.exports = {
  // entry: {
  //   'login': ['babel-polyfill', './project/hivuiLogin/index.js'],
  //   'main': ['babel-polyfill','./project/hivuiMain/index.js']
  // },
  // output: {
  //   filename: '[name].[contenthash].js',
  //   chunkFilename: '[name].[contenthash].js',
  //   path: path.resolve(__dirname, 'dist')
  // },
  resolve: {
    extensions: ['.js', '.jsx', '.vue', '.json', '.dtvevt'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      'vuex$': 'vuex/dist/vuex.esm.js',
      '@': path.resolve(__dirname, `${packageConfig.name}`),
      '@main': path.resolve(__dirname, `../${packageConfig.name}/hivuiMain`),
      // '@': path.resolve(__dirname, 'src'),
    }
  },
  externals: {
    'vue': 'Vue',
    'vuex': 'Vuex',
    'vue-router': 'VueRouter',
    "element-ui": "ELEMENT",
  },
  module: {
    rules: [
      ...(utils.styleLoaders({
        sourceMap: false,
        extract: process.env.NODE_ENV === 'production',
        usePostCSS: true
      })),
      {
        test: /\.(js|jsx|dtvevt?|babel|es6)$/,
        loader: 'happypack/loader?id=happy_js_jsx',
        // loader: 'babel-loader',
        // exclude: [path.resolve(__dirname, 'node_modules')]//放开，里头有些也是 可选链操作符
      },
      {
        test: /\.(vue)$/,
        // loader: 'happypack/loader?id=happy-vue-loader'  ???不行，Make sure the rule matching .vue files include vue-loader in its use.
        loader: 'vue-loader',
        options: vueLoaderConfig
      },
      {
        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: '[name].[hash:7].[ext]',
          publicPath: "../img/",	//替换CSS引用的图片路径 可以替换成爱拍云上的路径
          outputPath: "static/img/"		//生成之后存放的路径
        }
      },
      {
        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: '[name].[hash:7].[ext]',
          publicPath: "../img/",	//替换CSS引用的图片路径 可以替换成爱拍云上的路径
          outputPath: "static/media/"		//生成之后存放的路径
        }
      },
      {
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: '[name].[hash:7].[ext]',
          publicPath: "../fonts/",	//替换CSS引用的图片路径 可以替换成爱拍云上的路径
          outputPath: "static/fonts/"		//生成之后存放的路径
        }
      }
    ]
  },

};

Ignore Space Show notes View package.json
{ "name": "hi-vui-template", "version": "1.1.6", "description": "A hi-vui-template project", "author": "zhcTeam", "scripts": { "rm:vite": "rimraf node_modules/.vite && rimraf node_modules/.cache", "pm2:start": "pm2 start processes.json", "dev": "vite --host", "build": "node build/copyBaseAssets.js && cross-env NODE_ENV=production node build/webpack.prod.conf.js", "build:modules": "node build/webpack.prod.conf.js", "build1": "webpack --mode production --config build/webpack.prod.conf.js", "debug": "webpack --mode development --config build/webpack.dll.conf.js", "dll": "webpack --config build/webpack.dll.conf.js", "start": "webpack-dev-server --config build/webpack.dev.conf.js", "copyassets": "node build/copyBaseAssets.js" }, "devDependencies": { "@babel/core": "^7.1.2", "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7", "@babel/plugin-proposal-optional-chaining": "^7.16.7", "@babel/plugin-syntax-dynamic-import": "^7.0.0", "@babel/preset-env": "^7.1.0", "@vitejs/plugin-vue-jsx": "^1.3.3", "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1", "@vue/babel-preset-jsx": "^1.2.4", "add-asset-html-webpack-plugin": "^3.2.0", "autoprefixer": "^9.1.5", "babel-loader": "^8.0.4", "babel-plugin-component": "^1.1.1", "babel-plugin-transform-vite-meta-env": "^1.0.3", "chalk": "^5.0.0", "clean-webpack-plugin": "^0.1.19", "copy-webpack-plugin": "^4.5.3", "cross-env": "^7.0.3", "css-loader": "^1.0.0", "dotenv": "^10.0.0", "file-loader": "^2.0.0", "happypack": "^5.0.1", "html-webpack-plugin": "^4.5.2", "less": "^4.1.2", "less-loader": "^5.0.0", "mini-css-extract-plugin": "^1.6.2", "node-sass": "^4.9.3", "optimize-css-assets-webpack-plugin": "^5.0.1", "parallel-webpack": "^2.6.0", "postcss-import": "^11.1.0", "postcss-loader": "^2.1.6", "postcss-url": "^7.3.2", "progress-bar-webpack-plugin": "^2.1.0", "sass": "^1.49.0", "sass-loader": "^7.1.0", "style-loader": "^0.23.0", "uglifyjs-webpack-plugin": "^2.0.1", "url-loader": "^1.1.1", "vite": "2.3.7", "vite-plugin-html": "^2.1.1", "vite-plugin-imp": "^2.0.11", "vite-plugin-pagedata": "^1.0.4", "vite-plugin-vue2": "^1.9.0", "vue-loader": "^15.4.2", "vue-template-compiler": "^2.5.17", "webpack": "^4.20.2", "webpack-cli": "^3.1.1", "webpack-dev-server": "^3.1.9", "webpack-merge": "^4.1.4" }, "dependencies": { "axios": "^0.24.0", "babel-polyfill": "^6.26.0", "classnames": "^2.3.1", "deep-lu-trans": "^1.0.5", "element-ui": "^2.15.6", "enquire.js": "^2.1.6", "font-awesome": "^4.7.0", "hi-taskcenter": "^1.0.9", "hi-ui": "^1.1.922", "js-cookie": "^3.0.1", "js-pinyin": "^0.1.9", "lodash": "^4.17.11", "md5": "^2.3.0", "screenfull": "^6.0.0", "sortablejs": "^1.14.0", "v-clipboard": "^2.2.3", "vue": "^2.5.17", "vue-draggable-resizable": "^2.3.0", "vue-gemini-scrollbar": "^2.0.1", "vue-jstree": "^2.1.6", "vue-router": "^3.0.1", "vuex": "^3.6.2", "zhc-birt-cmps": "^2.3.19" } } { "name": "hi-vui-template", "version": "1.1.5", "description": "A hi-vui-template project", "author": "zhcTeam", "scripts": { "rm:vite": "rimraf node_modules/.vite && rimraf node_modules/.cache", "pm2:start": "pm2 start processes.json", "dev": "vite --host", "build": "node build/copyBaseAssets.js && cross-env NODE_ENV=production node build/webpack.prod.conf.js", "build:modules": "node build/webpack.prod.conf.js", "build1": "webpack --mode production --config build/webpack.prod.conf.js", "debug": "webpack --mode development --config build/webpack.dll.conf.js", "dll": "webpack --config build/webpack.dll.conf.js", "start": "webpack-dev-server --config build/webpack.dev.conf.js", "copyassets": "node build/copyBaseAssets.js" }, "devDependencies": { "@babel/core": "^7.1.2", "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7", "@babel/plugin-proposal-optional-chaining": "^7.16.7", "@babel/plugin-syntax-dynamic-import": "^7.0.0", "@babel/preset-env": "^7.1.0", "@vitejs/plugin-vue-jsx": "^1.3.3", "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1", "@vue/babel-preset-jsx": "^1.2.4", "add-asset-html-webpack-plugin": "^3.2.0", "autoprefixer": "^9.1.5", "babel-loader": "^8.0.4", "babel-plugin-component": "^1.1.1", "babel-plugin-transform-vite-meta-env": "^1.0.3", "chalk": "^5.0.0", "clean-webpack-plugin": "^0.1.19", "copy-webpack-plugin": "^4.5.3", "cross-env": "^7.0.3", "css-loader": "^1.0.0", "dotenv": "^10.0.0", "file-loader": "^2.0.0", "happypack": "^5.0.1", "html-webpack-plugin": "^4.5.2", "less": "^4.1.2", "less-loader": "^5.0.0", "mini-css-extract-plugin": "^1.6.2", "node-sass": "^4.9.3", "optimize-css-assets-webpack-plugin": "^5.0.1", "parallel-webpack": "^2.6.0", "postcss-import": "^11.1.0", "postcss-loader": "^2.1.6", "postcss-url": "^7.3.2", "progress-bar-webpack-plugin": "^2.1.0", "sass": "^1.49.0", "sass-loader": "^7.1.0", "style-loader": "^0.23.0", "uglifyjs-webpack-plugin": "^2.0.1", "url-loader": "^1.1.1", "vite": "2.3.7", "vite-plugin-html": "^2.1.1", "vite-plugin-imp": "^2.0.11", "vite-plugin-pagedata": "^1.0.4", "vite-plugin-vue2": "^1.9.0", "vue-loader": "^15.4.2", "vue-template-compiler": "^2.5.17", "webpack": "^4.20.2", "webpack-cli": "^3.1.1", "webpack-dev-server": "^3.1.9", "webpack-merge": "^4.1.4" }, "dependencies": { "axios": "^0.24.0", "babel-polyfill": "^6.26.0", "classnames": "^2.3.1", "deep-lu-trans": "^1.0.5", "element-ui": "^2.15.6", "enquire.js": "^2.1.6", "font-awesome": "^4.7.0", "hi-taskcenter": "^1.0.9", "hi-ui": "^1.1.922", "js-cookie": "^3.0.1", "js-pinyin": "^0.1.9", "lodash": "^4.17.11", "md5": "^2.3.0", "screenfull": "^6.0.0", "sortablejs": "^1.14.0", "v-clipboard": "^2.2.3", "vue": "^2.5.17", "vue-draggable-resizable": "^2.3.0", "vue-gemini-scrollbar": "^2.0.1", "vue-jstree": "^2.1.6", "vue-router": "^3.0.1", "vuex": "^3.6.2", "zhc-birt-cmps": "^2.3.19" } }

Ignore Space Show notes View

package.json

{
  "name": "hi-vui-template",
  "version": "1.1.6",
  "description": "A hi-vui-template project",
  "author": "zhcTeam",
  "scripts": {
    "rm:vite": "rimraf node_modules/.vite && rimraf node_modules/.cache",
    "pm2:start": "pm2 start processes.json",
    "dev": "vite --host",
    "build": "node build/copyBaseAssets.js && cross-env NODE_ENV=production node build/webpack.prod.conf.js",
    "build:modules": "node build/webpack.prod.conf.js",
    "build1": "webpack --mode production --config build/webpack.prod.conf.js",
    "debug": "webpack --mode development --config build/webpack.dll.conf.js",
    "dll": "webpack --config build/webpack.dll.conf.js",
    "start": "webpack-dev-server --config build/webpack.dev.conf.js",
    "copyassets": "node build/copyBaseAssets.js"
  },
  "devDependencies": {
    "@babel/core": "^7.1.2",
    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7",
    "@babel/plugin-proposal-optional-chaining": "^7.16.7",
    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
    "@babel/preset-env": "^7.1.0",
    "@vitejs/plugin-vue-jsx": "^1.3.3",
    "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
    "@vue/babel-preset-jsx": "^1.2.4",
    "add-asset-html-webpack-plugin": "^3.2.0",
    "autoprefixer": "^9.1.5",
    "babel-loader": "^8.0.4",
    "babel-plugin-component": "^1.1.1",
    "babel-plugin-transform-vite-meta-env": "^1.0.3",
    "chalk": "^5.0.0",
    "clean-webpack-plugin": "^0.1.19",
    "copy-webpack-plugin": "^4.5.3",
    "cross-env": "^7.0.3",
    "css-loader": "^1.0.0",
    "dotenv": "^10.0.0",
    "file-loader": "^2.0.0",
    "happypack": "^5.0.1",
    "html-webpack-plugin": "^4.5.2",
    "less": "^4.1.2",
    "less-loader": "^5.0.0",
    "mini-css-extract-plugin": "^1.6.2",
    "node-sass": "^4.9.3",
    "optimize-css-assets-webpack-plugin": "^5.0.1",
    "parallel-webpack": "^2.6.0",
    "postcss-import": "^11.1.0",
    "postcss-loader": "^2.1.6",
    "postcss-url": "^7.3.2",
    "progress-bar-webpack-plugin": "^2.1.0",
    "sass": "^1.49.0",
    "sass-loader": "^7.1.0",
    "style-loader": "^0.23.0",
    "uglifyjs-webpack-plugin": "^2.0.1",
    "url-loader": "^1.1.1",
    "vite": "2.3.7",
    "vite-plugin-html": "^2.1.1",
    "vite-plugin-imp": "^2.0.11",
    "vite-plugin-pagedata": "^1.0.4",
    "vite-plugin-vue2": "^1.9.0",
    "vue-loader": "^15.4.2",
    "vue-template-compiler": "^2.5.17",
    "webpack": "^4.20.2",
    "webpack-cli": "^3.1.1",
    "webpack-dev-server": "^3.1.9",
    "webpack-merge": "^4.1.4"
  },
  "dependencies": {
    "axios": "^0.24.0",
    "babel-polyfill": "^6.26.0",
    "classnames": "^2.3.1",
    "deep-lu-trans": "^1.0.5",
    "element-ui": "^2.15.6",
    "enquire.js": "^2.1.6",
    "font-awesome": "^4.7.0",
    "hi-taskcenter": "^1.0.9",
    "hi-ui": "^1.1.922",
    "js-cookie": "^3.0.1",
    "js-pinyin": "^0.1.9",
    "lodash": "^4.17.11",
    "md5": "^2.3.0",
    "screenfull": "^6.0.0",
    "sortablejs": "^1.14.0",
    "v-clipboard": "^2.2.3",
    "vue": "^2.5.17",
    "vue-draggable-resizable": "^2.3.0",
    "vue-gemini-scrollbar": "^2.0.1",
    "vue-jstree": "^2.1.6",
    "vue-router": "^3.0.1",
    "vuex": "^3.6.2",
    "zhc-birt-cmps": "^2.3.19"
  }
}

{
  "name": "hi-vui-template",
  "version": "1.1.5",
  "description": "A hi-vui-template project",
  "author": "zhcTeam",
  "scripts": {
    "rm:vite": "rimraf node_modules/.vite && rimraf node_modules/.cache",
    "pm2:start": "pm2 start processes.json",
    "dev": "vite --host",
    "build": "node build/copyBaseAssets.js && cross-env NODE_ENV=production node build/webpack.prod.conf.js",
    "build:modules": "node build/webpack.prod.conf.js",
    "build1": "webpack --mode production --config build/webpack.prod.conf.js",
    "debug": "webpack --mode development --config build/webpack.dll.conf.js",
    "dll": "webpack --config build/webpack.dll.conf.js",
    "start": "webpack-dev-server --config build/webpack.dev.conf.js",
    "copyassets": "node build/copyBaseAssets.js"
  },
  "devDependencies": {
    "@babel/core": "^7.1.2",
    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7",
    "@babel/plugin-proposal-optional-chaining": "^7.16.7",
    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
    "@babel/preset-env": "^7.1.0",
    "@vitejs/plugin-vue-jsx": "^1.3.3",
    "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
    "@vue/babel-preset-jsx": "^1.2.4",
    "add-asset-html-webpack-plugin": "^3.2.0",
    "autoprefixer": "^9.1.5",
    "babel-loader": "^8.0.4",
    "babel-plugin-component": "^1.1.1",
    "babel-plugin-transform-vite-meta-env": "^1.0.3",
    "chalk": "^5.0.0",
    "clean-webpack-plugin": "^0.1.19",
    "copy-webpack-plugin": "^4.5.3",
    "cross-env": "^7.0.3",
    "css-loader": "^1.0.0",
    "dotenv": "^10.0.0",
    "file-loader": "^2.0.0",
    "happypack": "^5.0.1",
    "html-webpack-plugin": "^4.5.2",
    "less": "^4.1.2",
    "less-loader": "^5.0.0",
    "mini-css-extract-plugin": "^1.6.2",
    "node-sass": "^4.9.3",
    "optimize-css-assets-webpack-plugin": "^5.0.1",
    "parallel-webpack": "^2.6.0",
    "postcss-import": "^11.1.0",
    "postcss-loader": "^2.1.6",
    "postcss-url": "^7.3.2",
    "progress-bar-webpack-plugin": "^2.1.0",
    "sass": "^1.49.0",
    "sass-loader": "^7.1.0",
    "style-loader": "^0.23.0",
    "uglifyjs-webpack-plugin": "^2.0.1",
    "url-loader": "^1.1.1",
    "vite": "2.3.7",
    "vite-plugin-html": "^2.1.1",
    "vite-plugin-imp": "^2.0.11",
    "vite-plugin-pagedata": "^1.0.4",
    "vite-plugin-vue2": "^1.9.0",
    "vue-loader": "^15.4.2",
    "vue-template-compiler": "^2.5.17",
    "webpack": "^4.20.2",
    "webpack-cli": "^3.1.1",
    "webpack-dev-server": "^3.1.9",
    "webpack-merge": "^4.1.4"
  },
  "dependencies": {
    "axios": "^0.24.0",
    "babel-polyfill": "^6.26.0",
    "classnames": "^2.3.1",
    "deep-lu-trans": "^1.0.5",
    "element-ui": "^2.15.6",
    "enquire.js": "^2.1.6",
    "font-awesome": "^4.7.0",
    "hi-taskcenter": "^1.0.9",
    "hi-ui": "^1.1.922",
    "js-cookie": "^3.0.1",
    "js-pinyin": "^0.1.9",
    "lodash": "^4.17.11",
    "md5": "^2.3.0",
    "screenfull": "^6.0.0",
    "sortablejs": "^1.14.0",
    "v-clipboard": "^2.2.3",
    "vue": "^2.5.17",
    "vue-draggable-resizable": "^2.3.0",
    "vue-gemini-scrollbar": "^2.0.1",
    "vue-jstree": "^2.1.6",
    "vue-router": "^3.0.1",
    "vuex": "^3.6.2",
    "zhc-birt-cmps": "^2.3.19"
  }
}

Ignore Space Show notes View project/hivuiMain/store/modules/app.js
import { getMenus, getQuickNav,getLeastRecentlyUsed,getPermissions } from '../../api/menu' import {turnMenuTree,field5Change3} from '@main/utils/index' const portal = { namespaced: true, state: { powerList:[], menusList:[], menus:[], defTabs: [], navs: [], latelyNavs:[], config:[], }, mutations: { SET_powerList: (state, powerList) => { state.powerList = powerList }, SET_menusList: (state, menusList) => { state.menusList = menusList }, SET_menus: (state, menus) => { state.menus = menus }, SET_defTabs: (state, data) => { state.defTabs = data }, SET_navs: (state, navs) => { state.navs = navs }, SET_latelyNavs: (state, latelyNavs) => { state.latelyNavs = latelyNavs }, SET_config: (state, config) => { state.config = config }, }, actions: { //取功能菜单 async getMenus({ commit, state }) { await getMenus().then(res => { if(res.status==500){ if(window.HIVUI_SETTING.loginUrl){ location=window.HIVUI_SETTING.loginUrl; }else{ location="/"+projectName+"/hivuiLogin/index.html#/"; } } const data = res.dataPack; commit('SET_menusList', [...data]); console.log(`SET_menusList:`,data); let treeData=[...data],defTabs=[]; treeData=turnMenuTree(field5Change3([...treeData])); getActiveItem(treeData); /获取默认打开项/ function getActiveItem(_arr){ _arr.map(item=>{ //构建树 map if(item.children&&item.children.length>0){ getActiveItem(item.children); } for(let i = (state.defTabs\|\|[]).length-1;i>=0;i--){ if(state.defTabs[i].resId!=item.resId){ defTabs.push(item); break; } } }); } commit('SET_defTabs', [...defTabs,...state.defTabs]); console.info('menusTree:',treeData); commit('SET_menus', treeData); return data; }); }, //取左侧快速 async getQuickNav({ commit, state }) { await getQuickNav().then(res => { const data = res.data.dataPack.rows; console.log(`getQuickNav`) let defTabs=[],flag=false; data.map(item=>{ flag=false; for(let i = state.defTabs.length-1;i>=0;i--){ if(state.defTabs[i].resId==item.resId){ flag = true; break; } } if(item.isActive&&!flag) defTabs.push(item); }); commit('SET_defTabs', [...defTabs,...state.defTabs]); commit('SET_navs', data); return data; }); }, setQuickNav({ commit, state },data){ commit('SET_navs', data); }, //最近使用 async getLatelyUse({ commit, state }){ let me =this; await getLeastRecentlyUsed(me.state.user.id).then(res => { let data = res.dataPack; data=field5Change3([...data]); commit('SET_latelyNavs', data); return data; }); }, //取功能权限 async getPowers({ commit, state }) { await getPermissions(this.state.user.id).then(res => { const data = res.data.dataPack.rows; commit('SET_powerList', [...data]); }); }, getSysConfig({ commit, state }){ commit('SET_config', window.__sysConfig); } } } export default portal import { getMenus, getQuickNav,getLeastRecentlyUsed,getPermissions } from '../../api/menu' import {field5Change3} from '@main/utils/index' const portal = { namespaced: true, state: { powerList:[], menusList:[], menus:[], defTabs: [], navs: [], latelyNavs:[], config:[], }, mutations: { SET_powerList: (state, powerList) => { state.powerList = powerList }, SET_menusList: (state, menusList) => { state.menusList = menusList }, SET_menus: (state, menus) => { state.menus = menus }, SET_defTabs: (state, data) => { state.defTabs = data }, SET_navs: (state, navs) => { state.navs = navs }, SET_latelyNavs: (state, latelyNavs) => { state.latelyNavs = latelyNavs }, SET_config: (state, config) => { state.config = config }, }, actions: { //取功能菜单 async getMenus({ commit, state }) { await getMenus().then(res => { if(res.status==500){ if(window.HIVUI_SETTING.loginUrl){ location=window.HIVUI_SETTING.loginUrl; }else{ location="/"+projectName+"/hivuiLogin/index.html#/"; } } const data = res.dataPack; commit('SET_menusList', [...data]); console.log(`SET_menusList:`,data); let treeData=[...data],defTabs=[]; treeData=field5Change3([...treeData]); getActiveItem(treeData); /获取默认打开项/ function getActiveItem(_arr){ _arr.map(item=>{ //构建树 map if(item.children&&item.children.length>0){ getActiveItem(item.children); } for(let i = (state.defTabs\|\|[]).length-1;i>=0;i--){ if(state.defTabs[i].resId!=item.resId){ defTabs.push(item); break; } } }); } commit('SET_defTabs', [...defTabs,...state.defTabs]); console.info('menusTree:',treeData); commit('SET_menus', treeData); return data; }); }, //取左侧快速 async getQuickNav({ commit, state }) { await getQuickNav().then(res => { const data = res.data.dataPack.rows; console.log(`getQuickNav`) let defTabs=[],flag=false; data.map(item=>{ flag=false; for(let i = state.defTabs.length-1;i>=0;i--){ if(state.defTabs[i].resId==item.resId){ flag = true; break; } } if(item.isActive&&!flag) defTabs.push(item); }); commit('SET_defTabs', [...defTabs,...state.defTabs]); commit('SET_navs', data); return data; }); }, setQuickNav({ commit, state },data){ commit('SET_navs', data); }, //最近使用 async getLatelyUse({ commit, state }){ let me =this; await getLeastRecentlyUsed(me.state.user.id).then(res => { let data = res.dataPack; data=field5Change3([...data]); commit('SET_latelyNavs', data); return data; }); }, //取功能权限 async getPowers({ commit, state }) { await getPermissions(this.state.user.id).then(res => { const data = res.data.dataPack.rows; commit('SET_powerList', [...data]); }); }, getSysConfig({ commit, state }){ commit('SET_config', window.__sysConfig); } } } export default portal

Ignore Space Show notes View

project/hivuiMain/store/modules/app.js

import { getMenus, getQuickNav,getLeastRecentlyUsed,getPermissions } from '../../api/menu'
import {turnMenuTree,field5Change3} from '@main/utils/index'
const portal = {
    namespaced: true,
    state: {
        powerList:[],
        menusList:[],
        menus:[],
        defTabs: [],
        navs: [],
        latelyNavs:[],
        config:[],
    },
    mutations: {
        SET_powerList: (state, powerList) => {
            state.powerList = powerList
        },
        SET_menusList: (state, menusList) => {
            state.menusList = menusList
        },
        SET_menus: (state, menus) => {
            state.menus = menus
        },
        SET_defTabs: (state, data) => {
            state.defTabs = data
        },
        SET_navs: (state, navs) => {
            state.navs = navs
        },
        SET_latelyNavs: (state, latelyNavs) => {
            state.latelyNavs = latelyNavs
        },
        SET_config: (state, config) => {
            state.config = config
        },
    },
    actions: {
        //取功能菜单
        async getMenus({ commit, state }) {
            await getMenus().then(res => {
                if(res.status==500){
                    if(window.HIVUI_SETTING.loginUrl){
                        location=window.HIVUI_SETTING.loginUrl;
                    }else{
                        location="/"+projectName+"/hivuiLogin/index.html#/";
                    }
                }
                const data = res.dataPack;
                commit('SET_menusList', [...data]);
                console.log(`SET_menusList:`,data);
                let treeData=[...data],defTabs=[];
                
                treeData=turnMenuTree(field5Change3([...treeData]));
                getActiveItem(treeData);
                
                /*获取默认打开项*/
                function getActiveItem(_arr){
                    _arr.map(item=>{
                        //构建 树 map
                        if(item.children&&item.children.length>0){
                            getActiveItem(item.children);
                        }
                        for(let i = (state.defTabs||[]).length-1;i>=0;i--){

if(state.defTabs[i].resId!=item.resId){
                                defTabs.push(item);
                                break;
                            }
                        }
                    });
                }
                commit('SET_defTabs', [...defTabs,...state.defTabs]);
                console.info('menusTree:',treeData);
                commit('SET_menus', treeData);
                return data;
            });
        },
        //取左侧快速
        async getQuickNav({ commit, state }) {
            await getQuickNav().then(res => {
                const data = res.data.dataPack.rows;
                console.log(`getQuickNav`)
                let defTabs=[],flag=false;
                data.map(item=>{ 
                    flag=false;
                    for(let i = state.defTabs.length-1;i>=0;i--){
                        if(state.defTabs[i].resId==item.resId){
                            flag = true;
                            break;
                        }
                    }
                    if(item.isActive&&!flag) defTabs.push(item);
                });   
                commit('SET_defTabs', [...defTabs,...state.defTabs]);
                commit('SET_navs', data);
                return data;
            });
        },
        setQuickNav({ commit, state },data){
            commit('SET_navs', data);
        },
        //最近使用
        async getLatelyUse({ commit, state }){
            let me =this;
            await getLeastRecentlyUsed(me.state.user.id).then(res => {
                let data = res.dataPack;
                data=field5Change3([...data]);
                commit('SET_latelyNavs', data);
                return data;
            });
        },
        //取功能权限
        async getPowers({ commit, state }) {
            await getPermissions(this.state.user.id).then(res => {
                const data = res.data.dataPack.rows;
                commit('SET_powerList', [...data]);  
            });
        },
        getSysConfig({ commit, state }){
            commit('SET_config', window.__sysConfig);
        }
    }
}

export default portal

import { getMenus, getQuickNav,getLeastRecentlyUsed,getPermissions } from '../../api/menu'
import {field5Change3} from '@main/utils/index'
const portal = {
    namespaced: true,
    state: {
        powerList:[],
        menusList:[],
        menus:[],
        defTabs: [],
        navs: [],
        latelyNavs:[],
        config:[],
    },
    mutations: {
        SET_powerList: (state, powerList) => {
            state.powerList = powerList
        },
        SET_menusList: (state, menusList) => {
            state.menusList = menusList
        },
        SET_menus: (state, menus) => {
            state.menus = menus
        },
        SET_defTabs: (state, data) => {
            state.defTabs = data
        },
        SET_navs: (state, navs) => {
            state.navs = navs
        },
        SET_latelyNavs: (state, latelyNavs) => {
            state.latelyNavs = latelyNavs
        },
        SET_config: (state, config) => {
            state.config = config
        },
    },
    actions: {
        //取功能菜单
        async getMenus({ commit, state }) {
            await getMenus().then(res => {
                if(res.status==500){
                    if(window.HIVUI_SETTING.loginUrl){
                        location=window.HIVUI_SETTING.loginUrl;
                    }else{
                        location="/"+projectName+"/hivuiLogin/index.html#/";
                    }
                }
                const data = res.dataPack;
                commit('SET_menusList', [...data]);
                console.log(`SET_menusList:`,data);
                let treeData=[...data],defTabs=[];
                
                treeData=field5Change3([...treeData]);
                getActiveItem(treeData);
                
                /*获取默认打开项*/
                function getActiveItem(_arr){
                    _arr.map(item=>{
                        //构建 树 map
                        if(item.children&&item.children.length>0){
                            getActiveItem(item.children);
                        }
                        for(let i = (state.defTabs||[]).length-1;i>=0;i--){

export default portal

Ignore Space Show notes View project/hivuiMain/utils/index.js
import getScroll from './getScroll' export function getTargetRect(target) { return target !== window ? target.getBoundingClientRect() : { top: 0, left: 0, bottom: 0 }; } export function getOffset(element, target) { const elemRect = element.getBoundingClientRect(); const targetRect = getTargetRect(target); const scrollTop = getScroll(target, true); const scrollLeft = getScroll(target, false); const docElem = window.document.body; const clientTop = docElem.clientTop \|\| 0; const clientLeft = docElem.clientLeft \|\| 0; return { top: elemRect.top - targetRect.top + scrollTop - clientTop, left: elemRect.left - targetRect.left + scrollLeft - clientLeft, width: elemRect.width, height: elemRect.height, }; } export function getDefaultTarget() { return typeof window !== 'undefined' ? window : null; } /** * @method setUrlValue * @description 设置地址栏参数值 * @param url * @param pName * @param pValue * * @example: urlAppend("http://www.fdauto.com","userid=03870");��http://www.fdauto.com?userid=03870;1` * urlAppend("http://www.fdauto.com?userid=03870","bumen=aj")��http://www.fdauto.com?userid=03870&bumen=aj; / export function setUrlValue(url, key, value) { var returnUrl = '' if (url.indexOf('?') == -1) { returnUrl += url + '?' + key + '=' + value } else { if (url.indexOf('?' + key + '=') == -1 && url.indexOf('&' + key + '=') == -1) { returnUrl += url + '&' + key + '=' + value } else { var isDone = false var startIndex = 0 var endIndex = url.length - 1 var parm = '?' + key + '=' for (var i = 0; i < url.length; i++) { if (url.substr(i, parm.length) == parm) { startIndex = i + parm.length for (var j = startIndex; j < url.length; j++) { if (url[j] == '&') { endIndex = j break } else if (j == url.length - 1) { endIndex = url.length } } isDone = true break } } if (!isDone) { parm = '&' + key + '=' for (var i = 0; i < url.length; i++) { if (url.substr(i, parm.length) == parm) { startIndex = i + parm.length for (var j = startIndex; j < url.length; j++) { if (url[j] == '&') { endIndex = j break } else if (j == url.length - 1) { endIndex = url.length } } break } } } var parmKeyValue = parm + url.substring(startIndex, endIndex) returnUrl = url.replace(parmKeyValue, parm + value) } } return returnUrl } /* * @method getUrlValue * @description 获取地址栏参数值 * @param name * string * @param url * string * @example: getUrlValue("p","http://www.baidu.com?p=5"); / export function getUrlValue(url, name) { var str = url \|\| window.location.search; if (str.indexOf("&" + name) != -1 \|\| str.indexOf("?" + name) != -1) { var pos_start = "" if (str.indexOf("?" + name) > -1) pos_start = str.indexOf("?" + name) + name.length + 2; else pos_start = str.indexOf("&" + name) + name.length + 2; var pos_end = str.indexOf("&", pos_start); if (pos_end == -1) { return str.substring(pos_start); } else { return str.substring(pos_start, pos_end) } } else { return ""; } } export function getUrlSearch(url) { var name, value; var str = url; //取得整个地址栏 var num = str.indexOf("?") str = str.substr(num + 1); //取得所有参数 stringvar.substr(start [, length ] var arr = str.split("&"); //各个参数放到数组里 var search ={}; for (var i = 0; i < arr.length; i++) { num = arr[i].indexOf("="); if (num > 0) { name = arr[i].substring(0, num); value = arr[i].substr(num + 1); search[name] = value; } } return search; } /* * var str='这是一个测试的字符串：{0} {1}'.format('Hello','world'); * var str='这是一个测试的字符串：{str0} {str1}'.format({str0:'Hello',str1:'world'}); / export function strFormat(str, args) { var result = str; if (arguments.length > 0) { if (arguments.length == 2 && typeof (args) == "object") { for (var key in args) { if (args[key] != undefined) { var reg = new RegExp("({" + key + "})", "g"); result = result.replace(reg, args[key]); } } } else { for (var i = 1; i < arguments.length; i++) { if (arguments[i] != undefined) { var reg = new RegExp("({)" + (i - 1) + "(})", "g"); result = result.replace(reg, arguments[i]); } } } } return result; } export function closeWindow(errorUrl){ if (document.all) { if (window.location.pathname == window.parent.location.pathname) { window.opener = null; window.open('', '_top'); window.top.close(); } } else { window.close(); } window.location.href = errorUrl \|\| "about:blank"; } /5.0替换3.0菜单字段/ export function field5Change3(_arr){ /5.0字段替换3.0/ let fieldConversion={ isActive:"fisactive", isOffline:"fisoffline", isShow:"fshow", name:"fresname", orderIndex:"forder", parentId:"frespguid", resId:"fresguid", resUrl:"fresurl", type:"frestype", }; _arr.map(item=>{ if(item.children&&item.children.length>0){ field5Change3(item.children); } for(let i in fieldConversion){ if(typeof(item[fieldConversion[i]])!="undefined"){ item[i]=item[fieldConversion[i]]; delete item[fieldConversion[i]]; } } if(!window._global){//正式环境 item.resUrl=window.HIVUI_SETTING.serverName+item.resUrl; } return item; }); return _arr; } export function turnMenuTree(data,isTop) {//data:平级数据;isTop:输出数据是否包含根节点 let map = {}; let val = []; //生成数据对象集合 data.forEach(it=>{ map[it.resId] = it; //resId为每个节点的id if(it.parentId!=-1\|\|it.type!="root"){ isTop=true; } }); //生成结果集 data.forEach(it=>{ let parent = map[it.parentId]; //parentId为父节点的id if(parent){ if(!Array.isArray(parent.children)) parent.children = []; parent.children.push(it); }else{ val.push(it) } }); __sort(val); function __sort(__data,orderField="orderIndex"){ __data.sort((a,b)=>{ var value1 = a[orderField]; var value2 = b[orderField]; return value1 - value2; }); for(let i of __data){ if(i.children&&i.children.length>0){ __sort(i.children); } } } return isTop?val:val[0]?.children; } import getScroll from './getScroll' export function getTargetRect(target) { return target !== window ? target.getBoundingClientRect() : { top: 0, left: 0, bottom: 0 }; } export function getOffset(element, target) { const elemRect = element.getBoundingClientRect(); const targetRect = getTargetRect(target); const scrollTop = getScroll(target, true); const scrollLeft = getScroll(target, false); const docElem = window.document.body; const clientTop = docElem.clientTop \|\| 0; const clientLeft = docElem.clientLeft \|\| 0; return { top: elemRect.top - targetRect.top + scrollTop - clientTop, left: elemRect.left - targetRect.left + scrollLeft - clientLeft, width: elemRect.width, height: elemRect.height, }; } export function getDefaultTarget() { return typeof window !== 'undefined' ? window : null; } /* * @method setUrlValue * @description 设置地址栏参数值 * @param url * @param pName * @param pValue * * @example: urlAppend("http://www.fdauto.com","userid=03870");��http://www.fdauto.com?userid=03870;1` * urlAppend("http://www.fdauto.com?userid=03870","bumen=aj")��http://www.fdauto.com?userid=03870&bumen=aj; / export function setUrlValue(url, key, value) { var returnUrl = '' if (url.indexOf('?') == -1) { returnUrl += url + '?' + key + '=' + value } else { if (url.indexOf('?' + key + '=') == -1 && url.indexOf('&' + key + '=') == -1) { returnUrl += url + '&' + key + '=' + value } else { var isDone = false var startIndex = 0 var endIndex = url.length - 1 var parm = '?' + key + '=' for (var i = 0; i < url.length; i++) { if (url.substr(i, parm.length) == parm) { startIndex = i + parm.length for (var j = startIndex; j < url.length; j++) { if (url[j] == '&') { endIndex = j break } else if (j == url.length - 1) { endIndex = url.length } } isDone = true break } } if (!isDone) { parm = '&' + key + '=' for (var i = 0; i < url.length; i++) { if (url.substr(i, parm.length) == parm) { startIndex = i + parm.length for (var j = startIndex; j < url.length; j++) { if (url[j] == '&') { endIndex = j break } else if (j == url.length - 1) { endIndex = url.length } } break } } } var parmKeyValue = parm + url.substring(startIndex, endIndex) returnUrl = url.replace(parmKeyValue, parm + value) } } return returnUrl } /* * @method getUrlValue * @description 获取地址栏参数值 * @param name * string * @param url * string * @example: getUrlValue("p","http://www.baidu.com?p=5"); / export function getUrlValue(url, name) { var str = url \|\| window.location.search; if (str.indexOf("&" + name) != -1 \|\| str.indexOf("?" + name) != -1) { var pos_start = "" if (str.indexOf("?" + name) > -1) pos_start = str.indexOf("?" + name) + name.length + 2; else pos_start = str.indexOf("&" + name) + name.length + 2; var pos_end = str.indexOf("&", pos_start); if (pos_end == -1) { return str.substring(pos_start); } else { return str.substring(pos_start, pos_end) } } else { return ""; } } export function getUrlSearch(url) { var name, value; var str = url; //取得整个地址栏 var num = str.indexOf("?") str = str.substr(num + 1); //取得所有参数 stringvar.substr(start [, length ] var arr = str.split("&"); //各个参数放到数组里 var search ={}; for (var i = 0; i < arr.length; i++) { num = arr[i].indexOf("="); if (num > 0) { name = arr[i].substring(0, num); value = arr[i].substr(num + 1); search[name] = value; } } return search; } /* * var str='这是一个测试的字符串：{0} {1}'.format('Hello','world'); * var str='这是一个测试的字符串：{str0} {str1}'.format({str0:'Hello',str1:'world'}); / export function strFormat(str, args) { var result = str; if (arguments.length > 0) { if (arguments.length == 2 && typeof (args) == "object") { for (var key in args) { if (args[key] != undefined) { var reg = new RegExp("({" + key + "})", "g"); result = result.replace(reg, args[key]); } } } else { for (var i = 1; i < arguments.length; i++) { if (arguments[i] != undefined) { var reg = new RegExp("({)" + (i - 1) + "(})", "g"); result = result.replace(reg, arguments[i]); } } } } return result; } export function closeWindow(errorUrl){ if (document.all) { if (window.location.pathname == window.parent.location.pathname) { window.opener = null; window.open('', '_top'); window.top.close(); } } else { window.close(); } window.location.href = errorUrl \|\| "about:blank"; } /5.0替换3.0菜单字段/ export function field5Change3(_arr){ /5.0字段替换3.0*/ let fieldConversion={ isActive:"fisactive", isOffline:"fisoffline", isShow:"fshow", name:"fresname", orderIndex:"forder", parentId:"frespguid", resId:"fresguid", resUrl:"fresurl", type:"frestype", } _arr.map(item=>{ if(item.children&&item.children.length>0){ field5Change3(item.children); } for(let i in fieldConversion){ if(typeof(item[fieldConversion[i]])!="undefined"){ item[i]=item[fieldConversion[i]]; delete item[fieldConversion[i]]; } } if(!window._global){//正式环境 item.resUrl=window.HIVUI_SETTING.serverName+item.resUrl; } return item; }); return _arr; }

Ignore Space Show notes View

project/hivuiMain/utils/index.js

import getScroll from './getScroll'
export function getTargetRect(target) {
    return target !== window ? target.getBoundingClientRect() : { top: 0, left: 0, bottom: 0 };
}
export function getOffset(element, target) {
    const elemRect = element.getBoundingClientRect();
    const targetRect = getTargetRect(target);

const scrollTop = getScroll(target, true);
    const scrollLeft = getScroll(target, false);

const docElem = window.document.body;
    const clientTop = docElem.clientTop || 0;
    const clientLeft = docElem.clientLeft || 0;

return {
        top: elemRect.top - targetRect.top + scrollTop - clientTop,
        left: elemRect.left - targetRect.left + scrollLeft - clientLeft,
        width: elemRect.width,
        height: elemRect.height,
    };
}

export function getDefaultTarget() {
    return typeof window !== 'undefined' ? window : null;
}

/**
 * @method setUrlValue
 * @description 设置地址栏参数值
 * @param url
 * @param pName
 * @param pValue
 * 
 * @example: urlAppend("http://www.fdauto.com","userid=03870");�����http://www.fdauto.com?userid=03870;1`
 *           urlAppend("http://www.fdauto.com?userid=03870","bumen=aj")�����http://www.fdauto.com?userid=03870&bumen=aj;
 */

export function setUrlValue(url, key, value) {
    var returnUrl = ''
    if (url.indexOf('?') == -1) {
        returnUrl += url + '?' + key + '=' + value
    } else {
        if (url.indexOf('?' + key + '=') == -1 && url.indexOf('&' + key + '=') == -1) {
            returnUrl += url + '&' + key + '=' + value
        } else {
            var isDone = false
            var startIndex = 0
            var endIndex = url.length - 1
            var parm = '?' + key + '='
            for (var i = 0; i < url.length; i++) {
                if (url.substr(i, parm.length) == parm) {
                    startIndex = i + parm.length
                    for (var j = startIndex; j < url.length; j++) {
                        if (url[j] == '&') {
                            endIndex = j
                            break
                        } else if (j == url.length - 1) {
                            endIndex = url.length
                        }
                    }
                    isDone = true
                    break
                }
            }
            if (!isDone) {
                parm = '&' + key + '='
                for (var i = 0; i < url.length; i++) {
                    if (url.substr(i, parm.length) == parm) {
                        startIndex = i + parm.length
                        for (var j = startIndex; j < url.length; j++) {
                            if (url[j] == '&') {
                                endIndex = j
                                break
                            } else if (j == url.length - 1) {
                                endIndex = url.length
                            }
                        }
                        break
                    }
                }
            }
            var parmKeyValue = parm + url.substring(startIndex, endIndex)
            returnUrl = url.replace(parmKeyValue, parm + value)
        }
    }
    return returnUrl
}
/**
 * @method getUrlValue
 * @description 获取地址栏参数值
 * @param name
 *            string
 * @param url
 *            string
 * @example: getUrlValue("p","http://www.baidu.com?p=5"); 
 */
export function getUrlValue(url, name) {

export function closeWindow(errorUrl){
    if (document.all) {
        if (window.location.pathname == window.parent.location.pathname) {
            window.opener = null;
            window.open('', '_top');
            window.top.close();
        }
    } else {
        window.close();
    }

const scrollTop = getScroll(target, true);
    const scrollLeft = getScroll(target, false);

const docElem = window.document.body;
    const clientTop = docElem.clientTop || 0;
    const clientLeft = docElem.clientLeft || 0;

export function getDefaultTarget() {
    return typeof window !== 'undefined' ? window : null;
}

Show line notes below