工程化
8篇文章 · 0订阅
  • 作为前端 leader，怎么快速搭建多环境CICD自动化部署？
    假设你入职了一家小公司，既没有内部自研的 DevOps 平台，也没有专业的运维。需要你自己去搭建多环境 CI/CD 自动化部署，你会怎么做？
    前端 自动化运维 CI/CD
    作为前端 leader，怎么快速搭建多环境CICD自动化部署？
  • Docker+Nginx+Jenkins实现前端自动化部署
    前期准备·基于Centos7系统云服务器一台。·基于Vue-cli的项目部署在gitlab之上。部署目标搭建Docker+Nginx+Jenkins环境，用于实现前端自动化部署的流程。具体的实现效果为
    Docker
    Docker+Nginx+Jenkins实现前端自动化部署
  • Docker 搭建你的第一个 Node 项目到服务器(完整版)
    关于 Docker 的概念是确实不太好总结，下面我通过四点向你说明 Docker 到底是个什么东西。 Docker 是世界领先的软件容器平台。 Docker 使用 Google 公司推出的 Go 语言 进行开发实现，基于 Linux 内核 的cgroup，namespace，以…
    Node.js Docker
    Docker 搭建你的第一个 Node 项目到服务器(完整版)
  • npm 私库从搭建到数据迁移最后容灾备份的一些解决方案
    按照国际惯例，正文开始之前，我们先简单介绍下目前市面上的 npm 私库开源框架。 Verdaccio 是 sinopia 开源框架的一个分支。它提供了自己的小数据库，以及代理其他注册中心的能力（例如。npmjs.org 网站)，配置以及部署相对简单，一步到"胃"。如果公司的私包…
    前端
    npm 私库从搭建到数据迁移最后容灾备份的一些解决方案
  • 你的Tree-Shaking并没什么卵用
    Tree-Shaking这个名词，很多前端coder已经耳熟能详了，它代表的大意就是删除没用到的代码。这样的功能对于构建大型应用时是非常好的，因为日常开发经常需要引用各种库。但大多时候仅仅使用了这些库的某些部分，并非需要全部，此时Tree-Shaking如果能帮助我们删除掉没有…
    JavaScript Webpack rollup.js
  • 【前端工程化】篇四 席卷八荒-Webpack（进阶）
    声明：本篇文章基于webpack v4.43.0，如按照文中代码执行报错，请检查依赖模块版本是否和示例代码仓库中一致。 *温馨提示：*本篇内容更偏实战，涉及大量代码，如有代码密集恐惧症的老爷，请速速离场。 在上一篇的内容中，介绍了webpack的核心概念以及常用的核心配置，并尝…
    Webpack
    【前端工程化】篇四 席卷八荒-Webpack（进阶）
  • Delete `␍`eslint(prettier/prettier) 错误的解决方案
    按Crtl+S保存当前报错文件，eslint错误消失，但是Git暂存区多了个文件改动记录，对比Working tree没发现任何不同。 缺点：你不可能一一保存所有文件，麻烦，还要commit，多余。 比上面省事，eslint错误消失，但暂存区多了n个文件改动记录，对比Worki…
    ESLint
  • [手把手系列之]Docker 部署 vue 项目
    Docker 作为轻量级虚拟化技术，拥有持续集成、版本控制、可移植性、隔离性和安全性等优势。本文使用Docker来部署一个vue的前端应用，并尽可能详尽的介绍了实现思路和具体步骤，以方便有类似需要的同学参考。 /api/json 接口 404，当然此时这个接口还不存在，暂时写到…
    Vue.js Docker