前端自动化部署，简单来说就是打包完成后自动发布服务器的过程，简单搜集一下不同的部署方式供大家参考：一、scp2适用情况：webpack、vite项目，本地打包应用1、本地打包生成dist文件目录npm run build2、执行上传脚本 // deploy/index.js
const scpClient = require('scp2')
const chalk = require('
转载
2023-07-23 14:40:45
240阅读
# 实现前端自动部署
欢迎来到前端自动部署的世界！在本文中，我将向你介绍如何实现前端自动部署，让你不再需要手动部署前端代码。前端自动部署可以极大地提高开发效率，同时减少出错的可能性，让你的代码更快地投入使用。在这篇文章中，我将使用Kubernetes（K8S）作为部署工具来实现自动化部署。
## 前端自动部署流程
下面是前端自动部署的流程，我们将通过K8S实现这一过程。
步骤 | 详情
原创
2024-05-22 10:19:48
72阅读
vue打包命令npm run build产生一个dist文件，里面会有所有项目编译好的内容，还有一个.map文件, 这个是帮助你维护用的 你也可以选择修改一下配置，不生成 > 可以减少编译后的体积。创建 vue.config.js
代码如下module.exports = {
productionSourceMap: false, // 在你npm run build 不输出, .map
转载
2024-04-17 22:01:37
115阅读
部署对比手动部署平时我们在上线一个新项目的时候，可能需要先执行打包指令，然后登录服务器，将dist包丢到服务器nginx/html的文件下，看似很简单，但是当项目频繁迭代，一直重复性的操作也是很浪费时间。自动部署当然使用自动部署的时候，当我们每次推代码到仓库的时候，后台自动打包，同步nginx文件，实现自动部署，我们只需要执行git push origin xx即可，想想是不是很香。自动部署流程介
转载
2024-03-20 17:42:39
358阅读
前端自动部署 Docker 是一个使前端开发和发布流程大大简化和自动化的强大工具。通过链式操作，我们可以实现从代码提交到自动化构建、测试和部署的一体化流程。本文将详细记录如何实现前端项目的自动部署 Docker。
## 环境准备
### 前置依赖安装
为了顺利实现前端的自动部署，我们需要确保以下关键工具和服务已安装就绪。
| 工具 | 版本 | 兼
3.1 克隆项目到本地git@github.com:lenve/VBlog.git3.2 执行建表和初始化表数据的sql找到blogserver项目中resources目录下的vueblog.sql文件，使用root账户连接MySQL数据库的客户端后在控制台中执行sql脚本（需要在windows电脑本地和linux服务器上安装mysql数据库服务,笔者在两个环境安装的是Mysql5.7）：这里笔者
前面的话 后端的nodeJS项目可以使用pm2进行自动部署，由于前端项目打包后是静态资源，不需要进程守护。一般地，前端项目使用jenkins来进行自动部署，包括打包、测试等一系列流程。本文将详细介绍jenkins的使用 安装 Jenkins 是一款业界流行的开源持续集成工具，广泛用于项目开发，具有自动化构建、测试和部署等功能。由于 jen
转载
2024-05-07 12:58:46
547阅读
jenkins是一个广泛用于持续构建的可视化web工具，持续构建说得更直白点，就是各种项目的"自动化"编译、打包、分发部署。jenkins可以很好的支持各种语言（比如：java, c#, PHP等）的项目构建，也完全兼容ant、maven、gradle等多种第三方构建工具，同时跟svn、git能无缝集成，也支持直接与知名源代码托管网站，比如github、bitbucket直接集成jenk
前言：读万卷书不如行万里路,行万里路不如名师指路，还是阅人无数？webpack 4webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时，它会在内部构建一个 依赖图，此依赖图对应映射到项目所需的每个模块。从 v4.0.0 开始，webpack 可以不用再引入一个配置文件来打包项目，然而，它仍然有着高度可配置性，可以很好满足你的需求一、
只要版本大于 2.5 即可，如果没有 python 或者版本小于 2.5，可以根据安装教程安装一下。之后就是安装 Fabric：pip install fabric复制代码好了，把环境安装完成了，我们要开始搞事了。创建 jenkins 工程点击 new 任务，即可开始创建任务：填写自己的工程的名称，选择自己需要创建项目的类型，我们就选择自由风格即可。这个时候就创建好任务了，我们需要对任务进行一定的
前端Docker部署实战背景最近公司架构大佬，一直在培训K8s，跟组内成员大佬，唠嗑的时候顺便提到了Dokcer，回想到接触docker还是17年的时候研究了一番，当时做了许多笔记，到现在为止已经在我的笔记里吃灰了好久。最近自己再弄以前买的服务器就打算操作一番。前言1 安装docker环境准备1. 需要会一点服务器基础知识。
2. Centos7.
3. 当前使用xshell操作环境查
转载
2023-08-24 17:47:12
30阅读
前期准备· 基于Centos7系统云服务器一台。· 基于Vue-cli的项目部署在gitlab之上。部署目标搭建Docker+Nginx+Jenkins环境，用于实现前端自动化部署的流程。具体的实现效果为开发人员在本地开发，push提交代码到指定分支，自动触发jenkins进行持续集成和自动化部署。可以设置在部署完成后通过邮件通知，部署的成功与否，成功后会将打包后的文件上传到服务器，通过nginx
转载
2023-11-21 21:32:10
81阅读
这两天折腾了一下 Jenkins 持续集成，由于公司使用自己搭建的 svn 服务器来进行代码管理，因此这里 Jenkins 是针对 svn 服务器来进行的配置，Git 配置基本一致，后面也介绍了下针对 Github 管理的项目的 Jenkins 配置之前项目每次修改之后都需要本地 npm run build 一次手动发布到服务器上方便测试和产品查看，有了Jenkins持续集成之后只要 s
转载
2024-03-23 13:02:07
44阅读
目录前言一、前期准备1、开启虚拟服务2、下载并安装docker 二、开始部署1、安装gitlab2、修改默认账号登录密码3、修改项目clone地址 三、Gitlab CI/CD1、安装并运行gitlab-runner2、执行runner3、将项目注册到gitlab-runner1、获取token2、执行注册3、添加yml前言Git是一个用于代码的存储和版本控制开源的分布式版本控
转载
2023-11-21 21:33:39
114阅读
一、背景H5页面由于其具有发布灵活、跨平台、易于传播等突出特点，所以H5页面是引流拉新、宣传推广的重要渠道和方式，备受各公司的青睐。小编的日常工作就是做各种面向用户的H5促销活动的开发，在整个开发周期中，结合我司的一些情况，我总结了H5活动页面的以下特点：面向用户，流量大；各端展示方案不同，需要兼容各端（比如活动规则、展示模块，ios和android不一样）；需求变更频繁；合作方较多（需要跟各个业
转载
2024-07-01 11:34:17
74阅读
Jenkins自动部署前端： 公司要是环境多了，发个后端和前端要累死，再加上可能有时候还是连的之类的，那上传更慢！所以配置一个Jenkins非常有必要，至于Jenkins安装什么的大家自行–度娘 注意: 我这篇文章具体的还是讲一下Jenkins部署项目的脚本整个流程,大家最好配置好自己的jen
转载
2022-03-29 11:03:42
860阅读
Jenkins自动部署前端： 公司要是环境多了，发个后端和前端要累死，再加上可能有时候还是连的之类的，那上传更慢！所以配置一个Jenkins非常有必要，至于Jenkins安装什么的大家自行–度娘 注意: 我这篇文章具体的还是讲一下Jenkins部署项目的脚本整个流程,大家最好配置好自己的jen
转载
2022-03-29 11:28:07
516阅读
2评论
随着开源工具越来越多，特别是nodejs构建微服务器之快，实现前端自动化部署越来越简单了，有可能【10行js代码+10行sh脚本+设置github的webhook】就能实现，但是如果你和我一样，就是“懒”（此处为褒义），连这些都不想自己做，那该怎么办呢？这个时候我发现了这款好工具—netlify，下面我就来讲讲它究竟有多好用吧^_^ 一、使用github或者gitlab登陆netlify
工具与资源中心帮助开发者更加高效的工作，提供围绕开发者全生命周期的工具与资源https://developer.aliyun.com/tool/?spm=a1z389.11499242.0.0.65452413KFoX5Y&utm_content=g_1000294447背景前端项目分开发、测试、生产环境，开发及测试已接入 jenkins 自动部署，生产环境依然还是手动。每次都需要
转载
2021-09-23 10:12:57
345阅读
公司有些项目环境没有接入jenkins所以部署起来比较麻烦，所以写个脚本节约部署时间。背景前端项目分开发、测试、生产环境，开发及测试已接入jenkins自动部署，生产环境依然还是手动。每次都需要进行本地打包,手动压缩上传到服务器目录，ssh登录服务器后备份旧文件,手动删除文件再将包解压到指定目录，操作流程比较繁琐，需要提前了解服务器部署目录，不太友好，所以就写了个脚本简化部署操作。依赖安装部署包含
原创
2021-09-24 19:39:07
10000+阅读
