前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >linux下基于npm打包h5项目

linux下基于npm打包h5项目

作者头像
BUG弄潮儿
发布2022-06-30 14:52:37
2.1K0
发布2022-06-30 14:52:37
举报
文章被收录于专栏:JAVA乐园

基于npm打包h5项目

1、首先需要安装node.js和淘宝的cnpm

2、安装jenkins

3、打包配置步骤

基于参数的打包脚本:

rm -rf {JENKINS_HOME}/jobs/{JOB_NAME}/

cd ${WORKSPACE}

rm -rf ${WORKSPACE}/node_modules

cnpm install

npm run build

cd {JENKINS_HOME}/jobs/{JOB_NAME}

tar -czvf {JOB_NAME}.tar.gz -C {WORKSPACE}/dist .

mv {JENKINS_HOME}/jobs/{JOB_NAME}/{JOB_NAME}.tar.gz {WORKSPACE}/build

没有参数化的打包脚本:

rm -rf /usr/local/jenkins/jenkinsData/jobs/h5Test/h5Test.tar.gz

cd /usr/local/jenkins/jenkinsData/workspace/h5Test

npm install

npm run build

cd /usr/local/jenkins/jenkinsData/jobs/h5Test

tar -zcvf h5Test.tar.gz -C /usr/local/jenkins/jenkinsData/workspace/h5Test/dist .

mv /usr/local/jenkins/jenkinsData/jobs/h5Test/h5Test.tar.gz /usr/local/jenkins/jenkinsData/workspace/h5Test/build

苹果系统搭建步骤:

原文地址:https://segmentfault.com/a/1190000010154974

代码语言:javascript
复制
1. 安装nodejs(已有则忽略)
   brew install node 
2. 搭建Jenkins环境
   安装:  brew install jenkins
   启动:  jenkins
   默认:127.0.0.1:8080
   安装系统常用插件。
   PS: 首次启动遇到Unlock jenkins, 打开这个文件/Users/xxx/.jenkins/secrets/initialAdminPassword,密钥复制出来,填写就OK。2. 安装ssh插件        1. Publish Over SSH (文件发送到远程服务器)        2. SSH plugin (远程执行shell)        4. 新建项目
   git地址,分支名
        
**增加构建步骤:**        5. Jenkins打包(Execute shell)

    rm -rf /Users/xxx/.jenkins/jobs/test_jenkins/react_demo.tar.gz
    npm install
    npm run build
    cd /Users/xxx/.jenkins/jobs/test_jenkins
    tar -zcvf react_demo.tar.gz  -C /Users/xxx/.jenkins/workspace/test_jenkins/dist/ .
    mv /Users/xxx/.jenkins/jobs/test_jenkins/react_demo.tar.gz  /Users/xxx/.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
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2018-01-25,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 BUG弄潮儿 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档