【Drone】drone编译web端 防墙策略 | 如何在被墙的状态drone顺利编译npm

一、drone编译防墙版本

1、web端drone

yaml 复制代码
kind: pipeline
type: docker
name: ui
steps:
  - name: build_project
    image: node:20-slim 
    depends_on: [clone]
    volumes:
      - name: node_modules
        path: /drone/src/node_modules
    commands:
      - pwd
      - du -sh *
      - npm config set registry https://registry.npmmirror.com
      - npm install -g pnpm || npm install -g pnpm || npm install -g pnpm  # Retry logic
      - pnpm config set store-dir /drone/src/node_modules/.pnpm-store
      - pnpm install || pnpm install || pnpm install  # Retry logic
      - npm run build
      - du -sh *

  - name: build_image
    image: plugins/docker:20
    depends_on: [build_project]
    # volumes:
    #   - name: docker-sock
    #     path: /var/run/docker.sock
    settings:
      dockerfile: Dockerfile
      registry: registry.cn-beijing.aliyuncs.com
      repo:  registry.cn-beijing.aliyuncs.com/xxx/cp-business-web
      auto_tag: true
      insecure: true
      username:
        from_secret: docker_username
      password:
        from_secret: docker_password


trigger:
  #  branch:
  #    - main
  ref:
    - refs/tags/*
    - refs/heads/master

volumes:
  - name: go_cache
    host:
      path: /root/.go/cache

2、详解

1、name


2、step 编译步骤

第一个 image,image: node:20-slim 这里需要你找到开源的镜像
这里commands一定要加上中国的镜像源

yaml 复制代码
    commands:
      - pwd
      - du -sh *
      - npm config set registry https://registry.npmmirror.com
      - npm install -g pnpm || npm install -g pnpm || npm install -g pnpm  # Retry logic
      - pnpm config set store-dir /drone/src/node_modules/.pnpm-store
      - pnpm install || pnpm install || pnpm install  # Retry logic
      - npm run build
      - du -sh *

这里是重要的防墙处理如果不处理 则npm 一安装就报错

3、各种报错如下

二、drone 讲解请参考如下:

https://ctraplatform.blog.csdn.net/article/details/130003341

相关推荐
Captaincc15 分钟前
OpenAI以API的形式发布了三 个新模型:GPT-4.1、GPT-4.1 mini 和 GPT-4.1 nano
前端·openai
A-Kamen2 小时前
Webpack vs Vite:深度对比与实战示例,如何选择最佳构建工具?
前端·webpack·node.js
codingandsleeping2 小时前
OPTIONS 预检请求
前端·网络协议·浏览器
程序饲养员3 小时前
ReactRouter7.5: NavLink 和 Link 的区别是什么?
前端·javascript·react.js
小小小小宇4 小时前
CSS 层叠上下文总结
前端
拉不动的猪4 小时前
设计模式之------命令模式
前端·javascript·面试
Json____4 小时前
springboot框架集成websocket依赖实现物联网设备、前端网页实时通信!
前端·spring boot·websocket·实时通信
uhakadotcom4 小时前
Bun vs Node.js:何时选择 Bun?
前端·javascript·面试
前端snow4 小时前
前端工程师看docker是什么?
前端·javascript·docker
_XU4 小时前
使用FFmpeg和MediaMTX实现本地推流
前端·ffmpeg·音视频开发