GitBucket
4.6.0
Toggle navigation
Sign in
Files
Branches
1
Tags
Issues
Pull Requests
Labels
Milestones
Wiki
08335
/
hivui-platform-template
hivui平台项目模板
Browse code
add
master
1 parent
e67bbfa
commit
1ccf909a550b7bda4601efb969bb5281d357d9cd
caibinghong
authored
on 30 Dec 2021
Showing
3 changed files
build/bin/oper.sh
build/webpack.base.conf.js
package.json
Ignore Space
Show notes
View
build/bin/oper.sh
#!/bin/bash ## 权限问题,用 chmod u+x *.sh ## eg: ## cd /mobileproject/$1/XcxProject hivui create $1 # 用户名 # 项目名 # 操作 (create , restart , start , kill , stop , del , build , sync) # 部署路径 (upload) # 同步内容(node_modules , build , cli ) # 引用环境变量 cd /eap5.0/hiruntime/project/desktop source ./var_env.sh # echo ${DEV_BASE_API} if [ $# -gt 4 ] ; then echo "$3 操作命令有误,请重新输入!" exit 1 fi # basePath='/opt/eap5/desktop' basePath='/eap5.0/desktop' tagPath=$basePath'/preview' # tmpPath=$basePath'/project-template' tmpPath='/eap5.0/hiruntime/project/desktop/project-template' gitTmp='/eap5.0/hiruntime/project/desktop/__gittmp' workName=$1 projectName=$2 oper=$3 uploadPath=$4 syncWay=$4 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\/'${workName}'\/'$projectName'\/setting\/desktop\/appsetting.js" type="text\/javascript"><\/script>' source[5]='\n\t<%}%>\n' ## aaa=$(pm2 id "vite-${workName}-${projectName}") ## [] 说明服务有启动但是,没有执行 ## if [ ${#aaa} = 2 ] ; then ## echo "===================" ## fi ## 参数 工号$1 项目名$2 端口$3 ## 工号=工作空间 ## 1、判断工作空间 没有就创建 # if [ ! -d "${tagPath}/${workName}" ];then # echo "${oper} 命令: 工作空间不存在!" # exit 1 # fi ## 2、判断项目名 if [ ! -d "${tagPath}/${workName}/${projectName}" ];then echo "${oper} 命令: 项目名不存在!" # exit 1 fi ## 返回预览目录 # cd ${tagPath}/${workName}/${projectName}/deploy if [ $3 = "restart" ] ; then ### 用pm2管理,用pm2 重启指定的 pm2 restart "vite-${workName}-${projectName}" #yarn run pm2:restart vite-${workName}-${projectName} fi if [ $3 = "start" ] ; then pm2 delete "vite-${workName}-${projectName}" ### 用pm2管理,用pm2 重启指定的 cd ${tagPath}/${workName}/${projectName}/deploy yarn run pm2:start fi if [ $oper = "kill" ] ; then ### 用pm2管理,用pm2 重启指定的 pm2 delete "vite-${workName}-${projectName}" #yarn run pm2:kill vite-${workName}-${projectName} fi if [ $oper = "stop" ] ; then ### 用pm2管理,用pm2 重启指定的 pm2 stop "vite-${workName}-${projectName}" #yarn run pm2:stop vite-${workName}-${projectName} fi if [ $oper = "del" ] ; then if [ $workName = "admin" -a $projectName = "systpl" ] ; then echo "系统模板,不可删除!" exit 1 fi curPid=`pm2 pid vite-${workName}-${projectName}` if [ ! -z "$curPid" ];then echo "vite-${workName}-${projectName} 服务正在关闭!" pm2 delete "vite-${workName}-${projectName}" fi ### 删除用户项目 cd "${tagPath}/${workName}" rm -r -f "${projectName}" echo "vite-${workName}-${projectName} 删除成功!" fi if [ $oper = "build" ] ; then ### 用pm2管理,用pm2 重启指定的 cd "${tagPath}/${workName}/${projectName}/deploy" npm run build #yarn run pm2:stop vite-${workName}-${projectName} cd "${tagPath}/${workName}/${projectName}/deploy/" if [[ ! -d "${tagPath}/${workName}/${projectName}/deploy/dist/yslz/funclib/desklib" ]]; then mkdir -p "${tagPath}/${workName}/${projectName}/deploy/dist/yslz/funclib/desklib" fi cp -rf "${tagPath}/${workName}/${projectName}/deploy/yslz/funclib/desklib" "${tagPath}/${workName}/${projectName}/deploy/dist/yslz/funclib/" ## 删除之前打包文件 rm -rf "${workName}_${projectName}_dist.zip" cd "${tagPath}/${workName}/${projectName}/deploy/dist" cp -rf "${tagPath}/${workName}/${projectName}/deploy/dist/${projectName}" "${tagPath}/${workName}/${projectName}/deploy/dist/${workName}/${projectName}/" zip -q -r "${workName}_${projectName}_dist.zip" ./* cp -rf "${tagPath}/${workName}/${projectName}/deploy/dist/${workName}_${projectName}_dist.zip" ../ cd ../ if [[ ! -d "$uploadPath" ]]; then echo "${oper} 命令: 上传文件夹不存在, 正在帮您创建目录..." mkdir -p "${uploadPath}" fi echo "正在拷到服务器目录:${uploadPath}" # cp -f "${workName}_${projectName}_dist.zip" "${uploadPath}" cp -fv "${workName}_${projectName}_dist.zip" "${uploadPath}" echo "(‐^▽^‐) 编译打包成功!" fi if [ $oper = "sync" ] ; then git clone http://192.168.4.105:8080/gitbucket/git/08335/hivui-platform-template.git "${gitTmp}" echo ${gitTmp} echo ${tmpPath} rsync -auz "${gitTmp}/" ${tmpPath} rm -rf ${gitTmp} if [ $syncWay = "build" ] ; then echo "正在同步build..." rsync -auz ${tmpPath}/build ${tagPath}/${workName}/${projectName}/deploy/ rsync -auz ${tmpPath}/babel.config.js ${tagPath}/${workName}/${projectName}/deploy/ rsync -auz ${tmpPath}/.postcssrc.js ${tagPath}/${workName}/${projectName}/deploy/ rsync -auz ${tmpPath}/.browserslistrc ${tagPath}/${workName}/${projectName}/deploy/ rsync -auz ${tmpPath}/vite-plugin ${tagPath}/${workName}/${projectName}/deploy/ echo "build已同步!" exit fi if [ $syncWay = "assets" ] ; then echo "正在同步assets_platform资源..." rsync -auz ${tmpPath}/assets_platform ${tagPath}/${workName}/${projectName}/deploy/ echo "assets_platform资源已同步!" exit fi if [ $syncWay = "login" ] ; then echo "正在同步login模块..." rsync -auz ${tmpPath}/project/hivuiLogin ${tagPath}/${workName}/${projectName}/deploy/${projectName}/ cd ${tagPath}/${workName}/${projectName}/deploy/${projectName}/hivuiLogin sed -i 's/<\/head>/'"${source[*]}"'<\/head>/g' index.html echo "login已同步!" exit fi if [ $syncWay = "main" ] ; then echo "正在同步main模块..." rsync -auz ${tmpPath}/project/hivuiMain ${tagPath}/${workName}/${projectName}/deploy/${projectName}/ cd ${tagPath}/${workName}/${projectName}/deploy/${projectName}/hivuiMain sed -i 's/<\/head>/'"${source[*]}"'<\/head>/g' index.html echo "main已同步!" exit fi if [ $syncWay = "mainui" ] ; then echo "正在同步login模块..." rsync -auz ${tmpPath}/project/hivuiLogin ${tagPath}/${workName}/${projectName}/deploy/${projectName}/ cd ${tagPath}/${workName}/${projectName}/deploy/${projectName}/hivuiLogin sed -i 's/<\/head>/'"${source[*]}"'<\/head>/g' index.html echo "login已同步!" echo "正在同步main模块..." rsync -auz ${tmpPath}/project/hivuiMain ${tagPath}/${workName}/${projectName}/deploy/${projectName}/ cd ${tagPath}/${workName}/${projectName}/deploy/${projectName}/hivuiMain sed -i 's/<\/head>/'"${source[*]}"'<\/head>/g' index.html echo "main已同步!" exit fi if [ $syncWay = "hiui" ] ; then echo "正在同步hi-ui库..." cd "${tmpPath}/" npm i hi-ui -S rm -rf ${tagPath}/${workName}/${projectName}/deploy/node_modules/hi-ui rsync -auz ${tmpPath}/node_modules/hi-ui ${tagPath}/${workName}/${projectName}/deploy/node_modules/ ## 取hi-ui版本 并更新root package.json ## cd ${tagPath}/${workName}/${projectName}/deploy/node_modules/hi-ui/ ## sed -i 's#\("name": \?"\).*#\1'"${projectName}"'",#g' package.json echo "hiui已同步!" fi if [ $syncWay = "taskcenter" ] ; then echo "正在同步hi-taskcenter库..." cd "${tmpPath}/" npm i hi-taskcenter -S rm -rf ${tagPath}/${workName}/${projectName}/deploy/node_modules/hi-taskcenter rsync -auz ${tmpPath}/node_modules/hi-taskcenter ${tagPath}/${workName}/${projectName}/deploy/node_modules/ ## 取hi-taskcenter版本 并更新root package.json ## cd ${tagPath}/${workName}/${projectName}/deploy/node_modules/hi-taskcenter/ ## sed -i 's#\("name": \?"\).*#\1'"${projectName}"'",#g' package.json echo "hi-taskcenter已同步!" fi if [ $syncWay = "mod" ] ; then echo "正在同步node_modules环境..." cd "${tmpPath}/" npm i rsync -auz ${tmpPath}/node_modules ${tagPath}/${workName}/${projectName}/deploy/ echo "node_modules已同步!" fi if [ $syncWay = "config" ] ; then echo "正在同步配置环境, .evn文件、vite.config.js、babel.config.js、.postcssrc.js ..." cd "${tmpPath}/" npm i rsync -auz ${tmpPath}/.env.development ${tagPath}/${workName}/${projectName}/deploy/.env.development rsync -auz ${tmpPath}/.env.production ${tagPath}/${workName}/${projectName}/deploy/.env.production rsync -auz ${tmpPath}/.env.staging ${tagPath}/${workName}/${projectName}/deploy/.env.staging rsync -auz ${tmpPath}/vite.config.js ${tagPath}/${workName}/${projectName}/deploy/vite.config.js rsync -auz ${tmpPath}/babel.config.js ${tagPath}/${workName}/${projectName}/deploy/babel.config.js rsync -auz ${tmpPath}/.postcssrc.js ${tagPath}/${workName}/${projectName}/deploy/.postcssrc.js sed -i 's#\(VITE_APP_USERPATH \?= \?\).*#\1'"/e5/render/${workName}"'#g' .env.production sed -i 's#\(VITE_APP_BASE_API \?= \?\).*#\1'"${DEV_BASE_API}"'#g' ${tagPath}/${workName}/${projectName}/deploy/.env.development sed -i 's#\(VITE_APP_PN \?= \?\).*#\1'"${projectName}/${workName}"'#g' ${tagPath}/${workName}/${projectName}/deploy/.env.development sed -i 's#\(VITE_APP_PN \?= \?\).*#\1'"${projectName}/${workName}"'#g' ${tagPath}/${workName}/${projectName}/deploy/.env.staging echo "配置环境已同步!" fi ### 脚手架 [登录模板、主页模板] if [ $syncWay = "cli" ] ; then echo "=====正在同步assets_platform资源...=====" rsync -auz ${tmpPath}/assets_platform ${tagPath}/${workName}/${projectName}/deploy/ echo "=====assets_platform资源已同步!=====" echo "=====正在同步funclib资源...=====" rsync -auz ${tmpPath}/funclib ${tagPath}/${workName}/${projectName}/deploy/ echo "=====funclib资源已同步!=====" echo "=====正在同步login模块...=====" rsync -auz ${tmpPath}/project/hivuiLogin ${tagPath}/${workName}/${projectName}/deploy/${projectName}/ cd ${tagPath}/${workName}/${projectName}/deploy/${projectName}/hivuiLogin sed -i 's/<\/head>/'"${source[*]}"'<\/head>/g' index.html echo "=====login已同步!=====" echo "=====正在同步main模块...=====" rsync -auz ${tmpPath}/project/hivuiMain ${tagPath}/${workName}/${projectName}/deploy/${projectName}/ cd ${tagPath}/${workName}/${projectName}/deploy/${projectName}/hivuiMain sed -i 's/<\/head>/'"${source[*]}"'<\/head>/g' index.html echo "=====main已同步!=====" echo "=====正在同步node_modules环境...=====" cd "${tmpPath}/" npm i rsync -auz ${tmpPath}/node_modules ${tagPath}/${workName}/${projectName}/deploy/ echo "=====node_modules已同步!=====" echo "=====正在同步hi-ui库...=====" cd "${tmpPath}/" npm i hi-ui -S rm -rf ${tagPath}/${workName}/${projectName}/deploy/node_modules/hi-ui rsync -auz ${tmpPath}/node_modules/hi-ui ${tagPath}/${workName}/${projectName}/deploy/node_modules/ echo "=====正在同步hi-ui库已同步!=====" echo "=====正在同步程序环境(build、babel.config.js、.postcssrc.js、.browserslistrc、vite-plugin、.env.development、.env.production、.env.staging、vite.config.js)...=====" rsync -auz ${tmpPath}/build ${tagPath}/${workName}/${projectName}/deploy/ rsync -auz ${tmpPath}/babel.config.js ${tagPath}/${workName}/${projectName}/deploy/ rsync -auz ${tmpPath}/.postcssrc.js ${tagPath}/${workName}/${projectName}/deploy/ rsync -auz ${tmpPath}/.browserslistrc ${tagPath}/${workName}/${projectName}/deploy/ rsync -auz ${tmpPath}/vite-plugin ${tagPath}/${workName}/${projectName}/deploy/ rsync -auz ${tmpPath}/.env.development ${tagPath}/${workName}/${projectName}/deploy/.env.development rsync -auz ${tmpPath}/.env.production ${tagPath}/${workName}/${projectName}/deploy/.env.production rsync -auz ${tmpPath}/.env.staging ${tagPath}/${workName}/${projectName}/deploy/.env.staging rsync -auz ${tmpPath}/vite.config.js ${tagPath}/${workName}/${projectName}/deploy/vite.config.js ### 设置环境变量 sed -i 's#\(VITE_APP_USERPATH \?= \?\).*#\1'"/e5/render/${workName}"'#g' .env.production sed -i 's#\(VITE_APP_BASE_API \?= \?\).*#\1'"${DEV_BASE_API}"'#g' ${tagPath}/${workName}/${projectName}/deploy/.env.development sed -i 's#\(VITE_APP_PN \?= \?\).*#\1'"${projectName}/${workName}"'#g' ${tagPath}/${workName}/${projectName}/deploy/.env.development sed -i 's#\(VITE_APP_PN \?= \?\).*#\1'"${projectName}/${workName}"'#g' ${tagPath}/${workName}/${projectName}/deploy/.env.staging echo "=====程序环境已同步!=====" exit fi # 读取版本号 # v_hiui = $(node -e "(function () { console.log(require('./package.json').dependencies['hi-ui']) })()") # v_task = $(node -e "(function () { console.log(require('./package.json').dependencies['hi-taskcenter']) })()") rsync -auz ${tmpPath}/package.json ${tagPath}/${workName}/${projectName}/deploy/package.json cd ${tagPath}/${workName}/${projectName}/deploy/ ## 替换 package.json 的 name 值 sed -i 's#\("name": \?"\).*#\1'"${projectName}"'",#g' package.json sed -i 's#\("author": \?"\).*#\1'"${workName}"'",#g' package.json pm2 delete "vite-${workName}-${projectName}" npm run rm:vite npm run pm2:start pm2 save fi
#!/bin/bash ## 权限问题,用 chmod u+x *.sh ## eg: ## cd /mobileproject/$1/XcxProject hivui create $1 # 用户名 # 项目名 # 操作 (create , restart , start , kill , stop , del , build , sync) # 部署路径 (upload) # 同步内容(node_modules , build , cli ) # 引用环境变量 cd /eap5.0/hiruntime/project/desktop source ./var_env.sh # echo ${DEV_BASE_API} if [ $# -gt 4 ] ; then echo "$3 操作命令有误,请重新输入!" exit 1 fi # basePath='/opt/eap5/desktop' basePath='/eap5.0/desktop' tagPath=$basePath'/preview' # tmpPath=$basePath'/project-template' tmpPath='/eap5.0/hiruntime/project/desktop/project-template' gitTmp='/eap5.0/hiruntime/project/desktop/__gittmp' workName=$1 projectName=$2 oper=$3 uploadPath=$4 syncWay=$4 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\/'${workName}'\/'$projectName'\/setting\/desktop\/appsetting.js" type="text\/javascript"><\/script>' source[5]='\n\t<%}%>\n' ## aaa=$(pm2 id "vite-${workName}-${projectName}") ## [] 说明服务有启动但是,没有执行 ## if [ ${#aaa} = 2 ] ; then ## echo "===================" ## fi ## 参数 工号$1 项目名$2 端口$3 ## 工号=工作空间 ## 1、判断工作空间 没有就创建 # if [ ! -d "${tagPath}/${workName}" ];then # echo "${oper} 命令: 工作空间不存在!" # exit 1 # fi ## 2、判断项目名 if [ ! -d "${tagPath}/${workName}/${projectName}" ];then echo "${oper} 命令: 项目名不存在!" # exit 1 fi ## 返回预览目录 # cd ${tagPath}/${workName}/${projectName}/deploy if [ $3 = "restart" ] ; then ### 用pm2管理,用pm2 重启指定的 pm2 restart "vite-${workName}-${projectName}" #yarn run pm2:restart vite-${workName}-${projectName} fi if [ $3 = "start" ] ; then pm2 delete "vite-${workName}-${projectName}" ### 用pm2管理,用pm2 重启指定的 cd ${tagPath}/${workName}/${projectName}/deploy yarn run pm2:start fi if [ $oper = "kill" ] ; then ### 用pm2管理,用pm2 重启指定的 pm2 delete "vite-${workName}-${projectName}" #yarn run pm2:kill vite-${workName}-${projectName} fi if [ $oper = "stop" ] ; then ### 用pm2管理,用pm2 重启指定的 pm2 stop "vite-${workName}-${projectName}" #yarn run pm2:stop vite-${workName}-${projectName} fi if [ $oper = "del" ] ; then if [ $workName = "admin" -a $projectName = "systpl" ] ; then echo "系统模板,不可删除!" exit 1 fi curPid=`pm2 pid vite-${workName}-${projectName}` if [ ! -z "$curPid" ];then echo "vite-${workName}-${projectName} 服务正在关闭!" pm2 delete "vite-${workName}-${projectName}" fi ### 删除用户项目 cd "${tagPath}/${workName}" rm -r -f "${projectName}" echo "vite-${workName}-${projectName} 删除成功!" fi if [ $oper = "build" ] ; then ### 用pm2管理,用pm2 重启指定的 cd "${tagPath}/${workName}/${projectName}/deploy" npm run build #yarn run pm2:stop vite-${workName}-${projectName} cd "${tagPath}/${workName}/${projectName}/deploy/" if [[ ! -d "${tagPath}/${workName}/${projectName}/deploy/dist/yslz/funclib/desklib" ]]; then mkdir -p "${tagPath}/${workName}/${projectName}/deploy/dist/yslz/funclib/desklib" fi cp -rf "${tagPath}/${workName}/${projectName}/deploy/yslz/funclib/desklib" "${tagPath}/${workName}/${projectName}/deploy/dist/yslz/funclib/" ## 删除之前打包文件 rm -rf "${workName}_${projectName}_dist.zip" cd "${tagPath}/${workName}/${projectName}/deploy/dist" cp -rf "${tagPath}/${workName}/${projectName}/deploy/dist/${projectName}" "${tagPath}/${workName}/${projectName}/deploy/dist/${workName}/" zip -q -r "${workName}_${projectName}_dist.zip" ./* cp -rf "${tagPath}/${workName}/${projectName}/deploy/dist/${workName}_${projectName}_dist.zip" ../ cd ../ if [[ ! -d "$uploadPath" ]]; then echo "${oper} 命令: 上传文件夹不存在, 正在帮您创建目录..." mkdir -p "${uploadPath}" fi echo "正在拷到服务器目录:${uploadPath}" # cp -f "${workName}_${projectName}_dist.zip" "${uploadPath}" cp -fv "${workName}_${projectName}_dist.zip" "${uploadPath}" echo "(‐^▽^‐) 编译打包成功!" fi if [ $oper = "sync" ] ; then git clone http://192.168.4.105:8080/gitbucket/git/08335/hivui-platform-template.git "${gitTmp}" echo ${gitTmp} echo ${tmpPath} rsync -auz "${gitTmp}/" ${tmpPath} rm -rf ${gitTmp} if [ $syncWay = "build" ] ; then echo "正在同步build..." rsync -auz ${tmpPath}/build ${tagPath}/${workName}/${projectName}/deploy/ rsync -auz ${tmpPath}/babel.config.js ${tagPath}/${workName}/${projectName}/deploy/ rsync -auz ${tmpPath}/.postcssrc.js ${tagPath}/${workName}/${projectName}/deploy/ rsync -auz ${tmpPath}/.browserslistrc ${tagPath}/${workName}/${projectName}/deploy/ rsync -auz ${tmpPath}/vite-plugin ${tagPath}/${workName}/${projectName}/deploy/ echo "build已同步!" exit fi if [ $syncWay = "assets" ] ; then echo "正在同步assets_platform资源..." rsync -auz ${tmpPath}/assets_platform ${tagPath}/${workName}/${projectName}/deploy/ echo "assets_platform资源已同步!" exit fi if [ $syncWay = "login" ] ; then echo "正在同步login模块..." rsync -auz ${tmpPath}/project/hivuiLogin ${tagPath}/${workName}/${projectName}/deploy/${projectName}/ cd ${tagPath}/${workName}/${projectName}/deploy/${projectName}/hivuiLogin sed -i 's/<\/head>/'"${source[*]}"'<\/head>/g' index.html echo "login已同步!" exit fi if [ $syncWay = "main" ] ; then echo "正在同步main模块..." rsync -auz ${tmpPath}/project/hivuiMain ${tagPath}/${workName}/${projectName}/deploy/${projectName}/ cd ${tagPath}/${workName}/${projectName}/deploy/${projectName}/hivuiMain sed -i 's/<\/head>/'"${source[*]}"'<\/head>/g' index.html echo "main已同步!" exit fi if [ $syncWay = "mainui" ] ; then echo "正在同步login模块..." rsync -auz ${tmpPath}/project/hivuiLogin ${tagPath}/${workName}/${projectName}/deploy/${projectName}/ cd ${tagPath}/${workName}/${projectName}/deploy/${projectName}/hivuiLogin sed -i 's/<\/head>/'"${source[*]}"'<\/head>/g' index.html echo "login已同步!" echo "正在同步main模块..." rsync -auz ${tmpPath}/project/hivuiMain ${tagPath}/${workName}/${projectName}/deploy/${projectName}/ cd ${tagPath}/${workName}/${projectName}/deploy/${projectName}/hivuiMain sed -i 's/<\/head>/'"${source[*]}"'<\/head>/g' index.html echo "main已同步!" exit fi if [ $syncWay = "hiui" ] ; then echo "正在同步hi-ui库..." cd "${tmpPath}/" npm i hi-ui -S rm -rf ${tagPath}/${workName}/${projectName}/deploy/node_modules/hi-ui rsync -auz ${tmpPath}/node_modules/hi-ui ${tagPath}/${workName}/${projectName}/deploy/node_modules/ ## 取hi-ui版本 并更新root package.json ## cd ${tagPath}/${workName}/${projectName}/deploy/node_modules/hi-ui/ ## sed -i 's#\("name": \?"\).*#\1'"${projectName}"'",#g' package.json echo "hiui已同步!" fi if [ $syncWay = "taskcenter" ] ; then echo "正在同步hi-taskcenter库..." cd "${tmpPath}/" npm i hi-taskcenter -S rm -rf ${tagPath}/${workName}/${projectName}/deploy/node_modules/hi-taskcenter rsync -auz ${tmpPath}/node_modules/hi-taskcenter ${tagPath}/${workName}/${projectName}/deploy/node_modules/ ## 取hi-taskcenter版本 并更新root package.json ## cd ${tagPath}/${workName}/${projectName}/deploy/node_modules/hi-taskcenter/ ## sed -i 's#\("name": \?"\).*#\1'"${projectName}"'",#g' package.json echo "hi-taskcenter已同步!" fi if [ $syncWay = "mod" ] ; then echo "正在同步node_modules环境..." cd "${tmpPath}/" npm i rsync -auz ${tmpPath}/node_modules ${tagPath}/${workName}/${projectName}/deploy/ echo "node_modules已同步!" fi if [ $syncWay = "config" ] ; then echo "正在同步配置环境, .evn文件、vite.config.js、babel.config.js、.postcssrc.js ..." cd "${tmpPath}/" npm i rsync -auz ${tmpPath}/.env.development ${tagPath}/${workName}/${projectName}/deploy/.env.development rsync -auz ${tmpPath}/.env.production ${tagPath}/${workName}/${projectName}/deploy/.env.production rsync -auz ${tmpPath}/.env.staging ${tagPath}/${workName}/${projectName}/deploy/.env.staging rsync -auz ${tmpPath}/vite.config.js ${tagPath}/${workName}/${projectName}/deploy/vite.config.js rsync -auz ${tmpPath}/babel.config.js ${tagPath}/${workName}/${projectName}/deploy/babel.config.js rsync -auz ${tmpPath}/.postcssrc.js ${tagPath}/${workName}/${projectName}/deploy/.postcssrc.js sed -i 's#\(VITE_APP_USERPATH \?= \?\).*#\1'"/e5/render/${workName}"'#g' .env.production sed -i 's#\(VITE_APP_BASE_API \?= \?\).*#\1'"${DEV_BASE_API}"'#g' ${tagPath}/${workName}/${projectName}/deploy/.env.development sed -i 's#\(VITE_APP_PN \?= \?\).*#\1'"${projectName}/${workName}"'#g' ${tagPath}/${workName}/${projectName}/deploy/.env.development sed -i 's#\(VITE_APP_PN \?= \?\).*#\1'"${projectName}/${workName}"'#g' ${tagPath}/${workName}/${projectName}/deploy/.env.staging echo "配置环境已同步!" fi ### 脚手架 [登录模板、主页模板] if [ $syncWay = "cli" ] ; then echo "=====正在同步assets_platform资源...=====" rsync -auz ${tmpPath}/assets_platform ${tagPath}/${workName}/${projectName}/deploy/ echo "=====assets_platform资源已同步!=====" echo "=====正在同步funclib资源...=====" rsync -auz ${tmpPath}/funclib ${tagPath}/${workName}/${projectName}/deploy/ echo "=====funclib资源已同步!=====" echo "=====正在同步login模块...=====" rsync -auz ${tmpPath}/project/hivuiLogin ${tagPath}/${workName}/${projectName}/deploy/${projectName}/ cd ${tagPath}/${workName}/${projectName}/deploy/${projectName}/hivuiLogin sed -i 's/<\/head>/'"${source[*]}"'<\/head>/g' index.html echo "=====login已同步!=====" echo "=====正在同步main模块...=====" rsync -auz ${tmpPath}/project/hivuiMain ${tagPath}/${workName}/${projectName}/deploy/${projectName}/ cd ${tagPath}/${workName}/${projectName}/deploy/${projectName}/hivuiMain sed -i 's/<\/head>/'"${source[*]}"'<\/head>/g' index.html echo "=====main已同步!=====" echo "=====正在同步node_modules环境...=====" cd "${tmpPath}/" npm i rsync -auz ${tmpPath}/node_modules ${tagPath}/${workName}/${projectName}/deploy/ echo "=====node_modules已同步!=====" echo "=====正在同步hi-ui库...=====" cd "${tmpPath}/" npm i hi-ui -S rm -rf ${tagPath}/${workName}/${projectName}/deploy/node_modules/hi-ui rsync -auz ${tmpPath}/node_modules/hi-ui ${tagPath}/${workName}/${projectName}/deploy/node_modules/ echo "=====正在同步hi-ui库已同步!=====" echo "=====正在同步程序环境(build、babel.config.js、.postcssrc.js、.browserslistrc、vite-plugin、.env.development、.env.production、.env.staging、vite.config.js)...=====" rsync -auz ${tmpPath}/build ${tagPath}/${workName}/${projectName}/deploy/ rsync -auz ${tmpPath}/babel.config.js ${tagPath}/${workName}/${projectName}/deploy/ rsync -auz ${tmpPath}/.postcssrc.js ${tagPath}/${workName}/${projectName}/deploy/ rsync -auz ${tmpPath}/.browserslistrc ${tagPath}/${workName}/${projectName}/deploy/ rsync -auz ${tmpPath}/vite-plugin ${tagPath}/${workName}/${projectName}/deploy/ rsync -auz ${tmpPath}/.env.development ${tagPath}/${workName}/${projectName}/deploy/.env.development rsync -auz ${tmpPath}/.env.production ${tagPath}/${workName}/${projectName}/deploy/.env.production rsync -auz ${tmpPath}/.env.staging ${tagPath}/${workName}/${projectName}/deploy/.env.staging rsync -auz ${tmpPath}/vite.config.js ${tagPath}/${workName}/${projectName}/deploy/vite.config.js ### 设置环境变量 sed -i 's#\(VITE_APP_USERPATH \?= \?\).*#\1'"/e5/render/${workName}"'#g' .env.production sed -i 's#\(VITE_APP_BASE_API \?= \?\).*#\1'"${DEV_BASE_API}"'#g' ${tagPath}/${workName}/${projectName}/deploy/.env.development sed -i 's#\(VITE_APP_PN \?= \?\).*#\1'"${projectName}/${workName}"'#g' ${tagPath}/${workName}/${projectName}/deploy/.env.development sed -i 's#\(VITE_APP_PN \?= \?\).*#\1'"${projectName}/${workName}"'#g' ${tagPath}/${workName}/${projectName}/deploy/.env.staging echo "=====程序环境已同步!=====" exit fi # 读取版本号 # v_hiui = $(node -e "(function () { console.log(require('./package.json').dependencies['hi-ui']) })()") # v_task = $(node -e "(function () { console.log(require('./package.json').dependencies['hi-taskcenter']) })()") rsync -auz ${tmpPath}/package.json ${tagPath}/${workName}/${projectName}/deploy/package.json cd ${tagPath}/${workName}/${projectName}/deploy/ ## 替换 package.json 的 name 值 sed -i 's#\("name": \?"\).*#\1'"${projectName}"'",#g' package.json sed -i 's#\("author": \?"\).*#\1'"${workName}"'",#g' package.json pm2 delete "vite-${workName}-${projectName}" npm run rm:vite npm run pm2:start pm2 save fi
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 happyThreadPool = HappyPack.ThreadPool({ size: 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') // // } // ]) ] };
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使用。 // const HappyPack=require('happypack') 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: 'babel-loader', // exclude: [path.resolve(__dirname, 'node_modules')]//放开,里头有些也是 可选链操作符 }, { test: /\.(vue)$/, 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 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 VueLoaderPlugin(), // 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
package.json
{ "name": "hi-vui-template", "version": "1.1.0", "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-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-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", "element-ui": "^2.15.6", "enquire.js": "^2.1.6", "font-awesome": "^4.7.0", "hi-taskcenter": "^1.0.8", "hi-ui": "^1.1.880", "js-cookie": "^3.0.1", "lodash": "^4.17.11", "md5": "^2.3.0", "screenfull": "^6.0.0", "sortablejs": "^1.14.0", "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" } }
{ "name": "hi-vui-template", "version": "1.1.0", "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-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", "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-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", "element-ui": "^2.15.6", "enquire.js": "^2.1.6", "font-awesome": "^4.7.0", "hi-taskcenter": "^1.0.8", "hi-ui": "^1.1.880", "js-cookie": "^3.0.1", "lodash": "^4.17.11", "md5": "^2.3.0", "screenfull": "^6.0.0", "sortablejs": "^1.14.0", "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" } }
Show line notes below