打包工具
28篇文章 · 0订阅
  • Vite 的实现原理，确实很巧妙
    vite 是新兴的构建工具，它相比 webpack 最大的特点就是快。 那它是如何做到这么快的呢？ 因为 vite 在开发环境并不做打包。 我们创建个 vite 项目： 安装依赖，然后把服务跑起来：
    JavaScript Vite Node.js
    Vite 的实现原理，确实很巧妙
  • 别人休息我努力，悄悄写个 cli 工具，必须提升效率，skr~
    周末了，别人都在休息，而我，被命运选中的男人，必须站出来，为了我 91 个粉丝不浪费，把他们卷个 cli 来吃吃。
    前端
    别人休息我努力，悄悄写个 cli 工具，必须提升效率，skr~
  • 2023 年前端工程化都在谈些什么
    什么是前端工程化，是我去年困扰我很久的一个问题，打开搜索引擎一搜，能找到四个关键字，模块化、组件化、规范化、自动化，但一看这几个字，更加迷茫了，没说解决了什么问题。大部分搜出来的都是 webpack、
    前端 面试 JavaScript
    2023 年前端工程化都在谈些什么
  • 从0-1手写一个Yeoman Generator，拯救你的重复工作！
    Yeoman 是一个基于 Node.js 的脚手架工具，可以帮助前端开发者快速创建和搭建项目的基础结构。
    前端
  • 生产上的问题你不会用 sourcemap 定位吗？
    前言 上周在群里突然被 @ 要我查看生产上出现的问题，由于这个项目比较老 (React15)，既没有埋点也没有接入错误监控，于是会得到如下的这样一个提示信息（以下错误是本地模拟的实际生产效果）： 当你
    前端 Webpack 掘金·金石计划
    生产上的问题你不会用 sourcemap 定位吗？
  • 【中级/高级前端】为什么我建议你一定要读一读 Tapable 源码？
    所有人都知道 Webpack 很复杂，但 Webpack 的源码却很优雅，是一个典型的可插拔架构，不仅逻辑清晰，而且灵活好扩展。近几年出来的一些构建工具，大多也都参考了 Webpack 的这种架构方式
    前端 架构 JavaScript
    【中级/高级前端】为什么我建议你一定要读一读 Tapable 源码？
  • 解决安卓webView白屏
    最近手上接到一个任务，webview项目在华为老款手机白屏了，一开始怀疑是js版本不兼容，某些语法没有做pollyfill，于是奔着这个方向，开了dev-server,进行调试，正常的流程不就是这样吗
    前端
  • 从零开始教你使用 storybook + rollup 搭建一个属于自己的 React UI 组件库
    本篇文章我会教大家如何从零开始搭建一个属于自己的 React UI 组件库，该方案使用storybook作为UI文档工具，并使用rollup进行打包，支持less及Typescript。
    前端 设计
    从零开始教你使用 storybook + rollup 搭建一个属于自己的 React UI 组件库
  • 手把手带你开发一个脚手架（上）
    本质上就是一个便利工具，为一些比较特殊或繁琐的工作提供辅助，我们这里需要开发的是一个基于命令行的工具，后文以 cli 代替。 为什么需要开发一个脚手架？ 以下为初期组件库协同开发时遇到的问题： 组件目
    前端
  • 前端脚手架开发入门
    脚手架本质上是一个工具，使用脚手架的目的就是摆脱构建工程时重复性的工作，尤其是当一个工程具有一定通用性时，工程脚手架的意义就更为突出。它可以让我们只需要一行命令，就可以初始化好一项工程，而不用费心费力的去做配置环境，安装依赖，解决依赖冲突这样的支线任务，可以直奔主线任务，早早下…
    前端框架