前端小伙伴都知道，为了降低包大小，经常会把依赖的前端模块独立打包，比如把 vue、vue-router 打到一个单独的包 vendor 中。另外，常会将存在多个路由的复杂页面的每个页面都单独打一个包，只有访问某个页面的时候，再去下载该页面的js包，以此来加快首页的渲染。 无论是…

Rollup打包工具详细使用教程；之前在网络上查找过相关的rollup使用，有些文章很概念不易理解，没有具体步骤；有些文章步骤不够详细，没有来龙去脉。所以打算整理个文章给后来者减少弯路。

想必大多数人在开发 vue 等 SPA 项目都时候都会直接用 vue-cli 等脚手架开发，一是方便省去了好多配置上的功夫，二是 vue-cli 毕竟是久经考验较为成熟的东西，遇到问题也能在网上找到相应解决方案。 但是，如果我们要更好地理解脚手架的配置及其构建打包的机制，我们就…

动态组件搭配异步导入作为webpack编译组件的基础，提高代码可读性的同时使项目更加轻量且简洁。本文介绍在Vue项目开发中，动态组件、异步导入过程及实践。

我们看上面的这段代码，首先声明了三个变量 componentA、componentB、componentC 并为它们指定了 template，在 new Vue 里面指定了 componentId 初始值为 componentA。然后在 html 里面通过 <comp…

「万字长文」超硬核 ！手把手带你实现开源 Webpack 插件项目，逐步带你走进Webpack开发者的世界。从此对于 Webpack 插件开发，真正做到 “知其然，知其所以然”。

步骤会给出对应gif图,图不动的话建议右键新连接打开. 1.初始化npm并安装对应依赖. 拉取仓储里的物料到本地. 关于物料的管理有很多办法, 这里笔者采用较为简单的git仓库建立专有文件夹托管物料, 利用git的 core.sparseCheckout来下载部分文件夹并不是最…

笔者所在公司并非大厂, 发现一些痛点. 2.规范不统一, 跨部门开项目, 编辑器一片红海.standard Airbnb google. 3.组件复用困难, 过程蛮荒, 开发低效.基本停留在翻项目, 找代码, ctrl + c, ctrl + v , 再一通乱改. joao主要…

在实际开发中，特别是后台管理系统，有很多相似的代码实现。于是乎，我们可以实现一个快速生成web代码模板的工具，告别复制/粘贴。