翼度科技»论坛 云主机 LINUX 查看内容

centos7本地部署element-plus

9

主题

9

帖子

27

积分

新手上路

Rank: 1

积分
27
element-plus官网实在是太不稳定了,所以自己搭建了一套在本地,流程如下:

  • 环境安装
    1. yum install node
    2. yum install npm
    3. node install -g pnpm
    复制代码
  • 从gitee拉取代码
    1. wget -P /opt/element-plus https://gitee.com/element-plus/element-plus/repository/archive/dev.zip
    2. 这代表代码的压缩文件被下载到了/opt/element-plus,解压此压缩包
    3. cd /opt/element-plus
    4. unzip dev.zip
    5. 得到了element-plus-dev源代码
    6. cd /element-plus-dev/docs
    7. 安装依赖包
    8. pnpm install
    复制代码
  • 打包发布
    1. 先本地化一下语言,npm run gen-locale
    2. 再执行打包命令,npm run build
    3. 一般这个时候会报错,内存溢出,89691 ms: Mark-sweep 902.2 (931.7) -> 898.0 (932.4) MB, 511.4 / 0.1 ms  (average mu = 0.217, current mu = 0.132) allocation failure scavenge might not succeed
    4. 解决方法如下:npm install -g increase-memory-limit
    5. 在项目目录doc路径下:increase-memory-limit
    6. 然后再打包就可以完成,生产的dist文件夹在docs/.vitepress/dist
    7. 把这个dist挂到nginx,即可丝滑访问
    复制代码
  • 从gitee持续拉取,获取最新版文档
    (1) 编写shell脚本
    1. vim /opt/element-plus/deploy.sh
    2. 并添加执行权限,chmod 777 deploy.sh
    复制代码
    1. #!/bin/bash
    2. rm -rf /opt/element-plus/dev.zip
    3. rm -rf /opt/element-plus/element-plus-dev/
    4. wget -P /opt/element-plus https://gitee.com/element-plus/element-plus/repository/archive/dev.zip
    5. cd /opt/element-plus
    6. unzip dev.zip
    7. cd /opt/element-plus/element-plus-dev/docs
    8. pnpm install
    9. increase-memory-limit
    10. npm run gen-locale
    11. npm run build
    复制代码
    (2) 配置定时任务
    1. 检查有没有crontab服务,`systemctl status crond.service`,
    2. 如果有,设置开机自动运行,`systemctl enable crond.service`
    3. 如果没有,`yum install crontabs`,完了也enable一下,开机自启动
    4. 配置定时拉取任务,`crontab -e`
    5. `0 1 * * * sh /opt/element-plus/deploy.sh`
    复制代码
  • 完工
    遗憾就是发布出来的是英文版的,中文版还不知道怎么弄

来源:https://www.cnblogs.com/tdyp/p/17188182.html
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!

举报 回复 使用道具