centos7部署element-plus

火炬冬天發表於2023-03-07

element-plus官網實在是太不穩定了,所以自己搭建了一套在本地,流程如下:

  1. 環境安裝

    yum install node
    yum install npm
    node install -g pnpm
    
  2. 從gitee拉取程式碼

     wget -P /opt/element-plus https://gitee.com/element-plus/element-plus/repository/archive/dev.zip
     這代表程式碼的壓縮檔案被下載到了/opt/element-plus,解壓此壓縮包
     cd /opt/element-plus
     unzip dev.zip
     得到了element-plus-dev原始碼
     cd /element-plus-dev/docs
     安裝依賴包
     pnpm install
    
  3. 打包釋出

     執行命令,npm run build
     一般這個時候會報錯,記憶體溢位,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
     解決方法如下:npm install -g increase-memory-limit
     在專案目錄doc路徑下:increase-memory-limit
     然後再打包就可以完成,生產的dist資料夾在docs/.vitepress/dist
     把這個dist掛到nginx,即可絲滑訪問
    
  4. 從gitee持續拉取,獲取最新版文件
    (1) 編寫shell指令碼

     vim /opt/element-plus/deploy.sh
     並新增執行許可權,chmod 777 deploy.sh
    
    #!/bin/bash 
    rm -rf /opt/element-plus/dev.zip
    rm -rf /opt/element-plus/element-plus-dev/
    wget -P /opt/element-plus https://gitee.com/element-plus/element-plus/repository/archive/dev.zip
    cd /opt/element-plus
    unzip dev.zip
    cd /opt/element-plus/element-plus-dev/docs
    pnpm install
    increase-memory-limit
    npm run build
    

    (2) 配置定時任務

     檢查有沒有crontab服務,`systemctl status crond.service`,
     如果有,設定開機自動執行,`systemctl enable crond.service`
     如果沒有,`yum install crontabs`,完了也enable一下,開機自啟動
     配置定時拉取任務,`crontab -e`
     `0 1 * * * sh /opt/element-plus/deploy.sh`
    
  5. 完工
    遺憾就是釋出出來的是英文版的,中文版還不知道怎麼弄

相關文章