zoukankan      html  css  js  c++  java
  • Jenkins自动化构建前端vue项目(nodejs环境)

    转载于https://dbawsp.com/1075.html

    Nodejs官网

    Nodejs中文网

    安装nodejs:
    • 在jenkins服务器安装
    [root@jenkinsserver ~]# mkdir /home/tools && cd /home/tools
    [root@jenkinsserver tools]# wget https://npm.taobao.org/mirrors/node/v12.10.0/node-v12.10.0-linux-x64.tar.gz
    [root@jenkinsserver tools]# tar -xf node-v12.10.0-linux-x64.tar.gz -C /usr/local
    [root@jenkinsserver tools]# ln -s /usr/local/node-v12.10.0-linux-x64 /usr/local/node
    [root@jenkinsserver tools]# echo 'export PATH=/usr/local/node/bin:$PATH' >> /etc/profile
    [root@jenkinsserver tools]# source /etc/profile
    [root@jenkinsserver tools]# node -v
    v12.10.0
     

    优化nodejs:
    # 使用国内源会下载的更快一点
    [root@jenkinsserver tools]# npm config set registry https://registry.npm.taobao.org
    
    # 检查是否正常
    [root@jenkinsserver tools]# npm config get registry 
    https://registry.npm.taobao.org/
     
    升级nodejs版本:
    [root@jenkinsserver tools]# npm install n -g
    # /usr/local/node-v12.10.0-linux-x64/bin/n -> /usr/local/node-v12.10.0-linux-x64/lib/node_modules/n/bin/n
    # + n@6.3.0
    # added 1 package from 4 contributors in 0.524s
    
    [root@jenkinsserver tools]# n stable
    # 
    #   installing : node-v12.16.1
    #        mkdir : /usr/local/n/versions/node/12.16.1
    #        fetch : https://nodejs.org/dist/v12.16.1/node-v12.16.1-linux-x64.tar.xz
    #    installed : v12.16.1 to /usr/local/bin/node
    #       active : v12.10.0 at /usr/local/node/bin/node
     
    手动构建node环境:
    [root@jenkinsserver gitdata]# git clone -b test git@172.18.1.63:charges/charge-ui.git
    # Cloning into 'charge-ui'...
    # remote: Counting objects: 1790, done.
    # remote: Compressing objects: 100% (111/111), done.
    # remote: Total 1790 (delta 70), reused 103 (delta 40)
    # Receiving objects: 100% (1790/1790), 6.01 MiB | 0 bytes/s, done.
    # Resolving deltas: 100% (778/778), done
    
    [root@jenkinsserver gitdata]# cd charge-ui/
    
    # 安装node
    [root@jenkinsserver charge-ui]# npm install
    # ......省略一大堆输出
    
    # 打包vue项目
    [root@jenkinsserver charge-ui]# npm run build
     

    自动化构建node环境:

    [root@jenkinsserver ~]# echo $PATH
    /usr/local/node/bin:/usr/local/maven/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/root/bin
     

    npm install
    rm -rf ./dist/*
    npm run build
    ls -lsh ./dist/
     

  • 相关阅读:
    Ubuntu下手动安装vscode
    VMware Tools安装后设置自动挂载解决共享文件夹无法显示的问题
    VMware Tools安装方法及共享文件夹设置方法
    JavaScript原始类型转换和进制转换
    Javascript的数据类型(原始类型和引用类型)
    设计模式(六)观察者模式
    设计模式(五)之适配器模式
    设计模式(四)注册模式 解决:解决全局共享和交换对象
    设计模式(三)单例模式
    设计模式(二)之策略模式
  • 原文地址:https://www.cnblogs.com/cheyunhua/p/14189829.html
Copyright © 2011-2022 走看看