构建工具
3篇文章 · 0订阅
  • 带你看懂 HMR 热更新原理
    在研究 HMR 的过程中，通过 Chrome 的开发者工具，我知道浏览器是通过 websocket 和 webpack-dev-server 进行通信的，但是我在 websocket 中并没有发现任何代码块。那么新的代码块是怎么跑到浏览器的呢？这个 websocket 又有什么…
    Webpack
  • 为什么组件库打包用 Rollup 而不是 Webpack?
    Rolup 是一个打包工具，类似 Webpack。 组件库打包基本都是用 Rollup。 那 Webpack 和 Rollup 有什么区别呢？为什么组件库打包都用 Rollup 呢？ 我们来试一下：
    前端 JavaScript Webpack
    为什么组件库打包用 Rollup 而不是 Webpack?
  • Vite 的实现原理，确实很巧妙
    vite 是新兴的构建工具，它相比 webpack 最大的特点就是快。 那它是如何做到这么快的呢？ 因为 vite 在开发环境并不做打包。 我们创建个 vite 项目： 安装依赖，然后把服务跑起来：
    JavaScript Vite Node.js
    Vite 的实现原理，确实很巧妙