手把手教你用React Hook和TypeScript从零实现虚拟滚动列表组件

前言

k8s 全称 kubernetes，这个名字大家应该都不陌生，k8s是为容器服务而生的一个可移植容器的编排管理工具，集应用的部署和运维，负载均衡，服务发现和扩容，版本回滚于一身，越来越多的公司正在拥抱 k8s ，本篇从操作层面记一次前端应用部署到 k8s 上的流程

相关站点

• Jenkins 创建前端项目，日常打包构建

• Rancher 前端应用部署，服务发现，nginx配置，版本管理等

前端项目结构改造

Dockerfile

在项目根目录下添加 Dockerfile 文件

 FROM nginx:1.19.8-alpine COPY dist /usr/share/nginx/html 

Jenkinsfile

在项目根目录下添加文件 Jenkinsfile (主要的指定环境，打包脚本，发布进程选项都在该文件编排)

${ {project-name}} 为项目名称

pipeline {
  agent {
      label 'node2'
  }
  tools {
      nodejs 'node-v14.15.3'
      jdk 'jdk8'
  }
  stages {
      stage('package'){
          steps(){
                   script{
                      // sh 'npm cache clean --force'
                      // sh 'rm -rf node_modules'
                      sh 'pnpm install'
                      if (params.prodCommon) {
                          sh 'npm run build:prod'
                      } else {
                          sh 'npm run build'
                      }
                      if (params.sonar) {
                          sh'/u02/jenkins/tools/hudson.plugins.sonar.SonarRunnerInstallation/scanner4.6/bin/sonar-scanner -Dsonar.projectKey=${
  {project-name}} -Dsonar.host.url=h