随着vue/react这类以数据驱动为主的web框架的不断完善和壮大，越来越多的前端团队开始着手搭建内部的组件库。虽然目前市面上已经有很多功能强大且完善的组件库供我们使用，比如基于react的开源组件库ant-design，material，又比如基于vue的开源组件库elem…

使用father(umi-library)做组件打包项目根目录新建.fatherrc.js文件https://github.com/umijs/father

项目中一直用的都是webpack，前一段需要开发几个类库供其他平台使用,本来打算继续用webpack的，但感觉webpack用来开发js库，不仅繁琐而且打包后的文件体积也比较大。正好之前看vue源码，知道vue也是通过rollup打包的。这次又是开发类库的，于是就快速上手了ro…

公司内总是有许多通用的工具方法、业务功能，我们可以搭建一个工具库来给各个项目使用。 新建一个项目目录如 fly-helper , 并 npm init 初始化项目。 tsconfig.eslint.json 我们根目录中增加了一个 tsconfig 文件，它将用于 eslint…

说白了vite就是为开发者量身定做的一套先进的开发工具，按需编译、热模块替换等特性使我们开发时免除了重新打包的等待时间，开发体验丝滑，默认还整合了vue3，是居家旅行、杀人灭口之必备良药。目前vite已经是正式版，相关的生态正在迅速繁荣起来，我也第一时间在工程化方面做了一些探索…

Vite1还没用上，Vite2已经更新了，全新插件架构，丝滑的开发体验，和Vue3的完美结合。 2021年第一弹，村长打算以Vite2+Vue3为主题开启大家的前端学习之旅。 Vite2主要变化在插件体系，这样更标准化、易扩展。Vite2插件API扩展自Rollup插件体系，因…

某乎有一个问题“2021前端会有什么新的变化？”，其中 Vue 的作者尤雨溪给出的答案：“会有很多人抛弃 Webpack 开始用 Vite”。下面来看一下为什要抛弃 Webpack、使用 Vite。 Vite 是一种新型的前端构建工具，最初是配合 Vue 3.0 使用，后面适配…

Vite（法语意思是 “快”，发音为 /vit/，类似 veet）是一种全新的面向未来的前端开发服务器和构建工具。 Vite 利用浏览器原生 ES Module 去解析 imports，在服务器端按需编译返回，跳过了打包的概念，服务器随起随用。同时不仅支持 Vue 和 Reac…

本篇文章主要讲解了 rollup 的使用，介绍了 rollup 的应用场景，命令行打包，对 js、css、vue等不同文件的打包，最后补充了本地服务器的搭建以及不同环境的区分。