linux下基於npm打包h5專案

2021-09-26 10:17:30 字數 2200 閱讀 2691

基於npm打包h5專案

1、首先需要安裝node.js和**的cnpm

2、安裝jenkins

3、打包配置步驟

基於引數的打包指令碼:

rm -rf $/jobs/$/$.tar.gz

cd $

rm -rf $/node_modules

cnpm install

npm run build

cd $/jobs/$

tar -czvf $.tar.gz -c $/dist .

mv $/jobs/$/$.tar.gz $/build

沒有引數化的打包指令碼:

蘋果系統搭建步驟:

1. 安裝nodejs(已有則忽略)

brew install node

2. 搭建jenkins環境

安裝:  brew install jenkins

啟動:  jenkins

預設:127.0.0.1:8080

安裝系統常用外掛程式。

ps: 首次啟動遇到unlock jenkins, 開啟這個檔案/users/***/.jenkins/secrets/initialadminpassword,金鑰複製出來,填寫就ok。2. 安裝ssh外掛程式        1. publish over ssh (檔案傳送到遠端伺服器)        2. ssh plugin (遠端執行shell)        4. 新建專案

git位址,分支名

**增加構建步驟:**        5. jenkins打包(execute shell)

rm -rf /users/***/.jenkins/jobs/test_jenkins/react_demo.tar.gz

npm install

npm run build

cd /users/***/.jenkins/jobs/test_jenkins

tar -zcvf react_demo.tar.gz  -c /users/***/.jenkins/workspace/test_jenkins/dist/ .

mv /users/***/.jenkins/jobs/test_jenkins/react_demo.tar.gz  /users/***/.jenkins/workspace/test_jenkins/    

6. 傳送檔案(send files or execute commands over ssh)

選擇配置的ssh伺服器,然後輸入打包後的tar.gz,以及目標伺服器的資料夾7. 遠端執行指令碼(execute shell script on remote host using ssh)

首先選擇配置的遠端伺服器

cd /root/react

tar -xzvf react_demo.tar.gz

rm -rf react_demo.tar.gz

還有比如重啟tomcat或者ngix的shell

基於vue vant搭建H5基礎架構

常用目錄別名 vant rem適配 scss支援 mixin.scss variables.scss 頁面切換動畫 keepalive 頁面標題 自動註冊 自動註冊路由表 自動註冊vuex svg圖示引入 mock server axios封裝 api管理 使用者鑑權 vuex loading vo...

h5 上 刪除 互動 H5頁面基於介面實現資料互動

6 當然就是預算和對時間的要求,使用者體驗度要求不高的話,那可以用h5來做。首先展示兩個我自己編寫的請求介面 獲得資料解析之後填充到h5頁面的通用方法 json格式 可以複製直接使用,已寫好注釋 請求介面 functionajaxforjson url,op,jsondata,array param...

將H5打包成exe桌面應用

這是一篇不斷踩坑的博 核心 用nodejs來進行本地化呼叫,用webkit來解析和執行html js安裝cnpm npm install cnpm g registry 2.安裝electron cnpm install electron d 3安裝electron packager 目前掉這個坑里...