前面的文章中我们介绍过`Varlet`组件库的打包流程，最后会打包成几种格式，其中`module`和`commonjs`格式都不会把所有组件的代码打包到同一个文件，而是保留着各个组件的独立，每个组件都

在vue项目开发中，我们会将经常用到的逻辑或模块抽象成组件，对于那些多个项目都有用到的组件，可以考虑封装成组件库，发布到npm。每次要到只需要npm install xx一下，就不用来回拷贝了。下面我们就从0开始来打包一个vue组件库。 组件在使用之前都需要注册组件，注册组件可…

一. 什么是Tree-shaking 上图形象的解释了Tree-shaking 的本意，本文所说的前端中的tree-shaking可以理解为通过工具"摇"我们的JS文件，将其中用不到的代码"摇"掉，是一个性能优化的范畴。具体来说，在 webpack 项目中，有一个入口文件，相当…

前段时间对公司内部的组件库(类似element-ui)做了打包体积优化，现在抽点时间记录下。以前也做过构建速度的优化，具体可以看组件库webpack构建速度优化 使用rollup打包，可以直接解决问题1和问题4，设置external可以解决transform-runtime等带…

当我们修改一个需求完成后，将最新的代码push到github的时候，我们线上的版本会自动化完成拉取代码，打包构建，重启服务等流程。 通过这种技术我们可以将本地代码一秒完成线上项目的部署与重启。不再需要大量的人力去做上线部署重复的工作。 众所周知，前端的需求经常发生变更及微小的调…

1. 基本概念： Docker是一个开放源代码软件项目，让应用程序部署在软件货柜下的工作可以自动化进行，借此在Linux操作系统上，提供一个额外的软件抽象层，以及操作系统层虚拟化的自动管理机制[1]。 2. 核心概率： 镜像 ： 是由一系列的只读的层构建，每一层对应Docker…