打包工具
20篇文章 · 0订阅
  • 万字 esbuild 源代码批判，让你能够直接 PR
    本文分析 esbuild 代码的整体结构，便于遇到问题时定位代码位置，已解决与 esbuild 相关的问题，例如 Vite。
    前端 Go 编译器
    万字 esbuild 源代码批判，让你能够直接 PR
  • 100行代码实现一个组件引用次数统计插件
    前言 大家好，我是Fly哥， 好久没写文章了。最近组长无意间提了个需求，如何统一项目中组件的引用的次数？？ ？ 听到这个立马来了兴趣， 心想着可以webpack 的 loader 去做， 当时脑子里的
    Webpack 前端
    100行代码实现一个组件引用次数统计插件
  • vite项目构建优化
    作者最近在开发的项目有一个使用到了`vite`构建工具，先上一张项目未优化，当时看到这个就是我的天！这个包怎么这么大！于是，我对他做了一场小手术。
    前端 性能优化
    vite项目构建优化
  • 基于vue-demi,支持sfc方式的vue2/3通用库开发指南
    基于vue-demi处理composition-api和使用vue3的自定义compiler处理分别打包vue2、vue3，来达到同一个项目同时开发兼容vue2和vue3的组件
    Vue.js Vite
  • webpack进阶：从0到1实现一个插件
    webpack的工作流程就好像是一条生产流水线，源文件需要经过一系列处理流程进行处理后才能转换为输出结果。而插件，简单来说就是额外插入到流水线上的一个处理流程！
    前端 Webpack
  • 浅析组件库实现按需引入的几种方式
    按需加载是所有组件库都会提供的一个基础能力，本文会分析ElementUI、Vant及varlet几个组件库的实现并进行相应实践，帮助你彻底搞懂其实现原理。
    前端 JavaScript
  • Rollup打包工具的使用（超详细，超基础，附代码截图超简单）
    Rollup打包工具详细使用教程；之前在网络上查找过相关的rollup使用，有些文章很概念不易理解，没有具体步骤；有些文章步骤不够详细，没有来龙去脉。所以打算整理个文章给后来者减少弯路。
    rollup.js JavaScript
    Rollup打包工具的使用（超详细，超基础，附代码截图超简单）
  • 由一次业务项目落地 Vite 的经历，我重新理解了 Vite 预构建
    最近在公司探索落地 Bundless 构建工具，尝试将现有的一些业务项目 从 Webpack 往 Vite 迁移，由于中后台项目一般对浏览器兼容性要求不高，可以大胆引入一些前沿且激进的方案，因此在公司
    前端 Vite Vue.js
    由一次业务项目落地 Vite 的经历，我重新理解了 Vite 预构建
  • 为什么 husky 放弃了传统的 JS 配置
    前言 husky想必大家都不陌生。作为前端工程化中一个不可或缺的的工具，它可以向我们的项目中添加git hooks。同时配合lint-staged可以方便的在代码提交前进行lint。 最近要对一个老项
    Git 前端 代码规范
    为什么 husky 放弃了传统的 JS 配置
  • 移除vue生产环境console.log
    随着项目开发迭代，代码越来越多，在开发环境时，大多需要console.log打印日志做相应的处理，还有就是通过console.log()日志的状态来定位bug的位置。协同开发过程中，每个开发成员都也有可能打印console.log，有时候可能忙于疏忽，忘记注释掉打印的日志，也有…
    Babel