• 一行代码，一次故障，一段邂逅
    文章主要围绕 `webpack` 升级到 `5.x` 之后不再包含 `nodejs polyfills` 这个breakchange去讲述的。如已知此变更，大可不必浪费时间阅读
    Webpack
    一行代码，一次故障，一段邂逅
  • webpack5 从零搭建 vue3 项目
    Webpack 是什么 本质上，webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时，它会在内部从一个或多个入口点构建一个 依赖图(d
    前端 Webpack
    webpack5 从零搭建 vue3 项目
  • Build System 视角：重新认识前端打包工具的设计哲学
    本文从 Build Systems 理论出发，深入分析了 webpack、Rspack 、Vite、Turbopack 等前端打包工具的底层设计。
    前端 设计模式 Webpack
    Build System 视角：重新认识前端打包工具的设计哲学
  • 【webpack配置、处理资源】这一次再也不怕webpack面试了
    一、Webpack 是什么？ Webpack 是一个静态模块打包工具。它能够将项目中的各种资源视为模块，并根据模块之间的依赖关系，将它们打包成静态资源文件（bundle）。这些静态资源文件可以被浏览器
    前端 Webpack 面试
  • 如何在项目中合理配置Webpack
    项目中配置 webpack 有三个目的，打包速度，打包体积，运行流畅度，速度指的是run build的时间，体积是指dist 的大小，流畅指的是打开页面是否不卡顿 打包速度 提升打包速度有以下方式，范
    Webpack 前端工程化
    如何在项目中合理配置Webpack
  • 面试官：代码里console.log比较多，该怎么办？
    解决标题中的问题的方法有多少种，你能想到几种，你又能动手真正地实现几种呢？本篇文章针对标题中的问题，进行了一场头脑风暴，感兴趣的话，一起来聊一聊吧~
    前端 面试 Webpack
    面试官：代码里console.log比较多，该怎么办？
  • 为什么组件库打包用 Rollup 而不是 Webpack?
    Rolup 是一个打包工具，类似 Webpack。 组件库打包基本都是用 Rollup。 那 Webpack 和 Rollup 有什么区别呢？为什么组件库打包都用 Rollup 呢？ 我们来试一下：
    前端 JavaScript Webpack
    为什么组件库打包用 Rollup 而不是 Webpack?
  • React Server Components 和 Server Action 构建实践
    本文介绍了 React 中 RSC（React Server Components）和 Server Action 的构建实践，包括它们的概念、渲染方式、在 webpack 中的打包流程等
    前端 Webpack React.js
    React Server Components 和 Server Action 构建实践
  • 前端部署后自动提醒用户更新
    前端项目经常碰到更新部署了，但是更新过的功能并没有及时的展示，还需要刷新一下页面，才能看到最新的内容。如果是远程给客户进行的部署，还要口头告知客户需要刷新，体验不友好。在这将告诉你如何轻松拿捏。
    JavaScript 前端框架 Webpack
    前端部署后自动提醒用户更新
  • 面试官：你自己配置过webpack吗？有哪些核心配置？
    一.Webpack.config.js重点配置 1.entry入口 用来指定打包入口文件，默认为./src/index.js，需要注意的是，entry后面可以接数组和对象,如果是数组的话，那么不管你有
    前端 Webpack JavaScript
    面试官：你自己配置过webpack吗？有哪些核心配置？
  • 2024前端高频面试题之-- 前端工程化篇
    【前端面试复习系列文章】 2024前端高频面试题-- html篇 2024前端高频面试题-- CSS篇 2024前端高频面试题-- JS篇 2024前端高频面试题-- VUE篇 2024前端高频面试题
    前端 面试 Webpack
  • 初识webpack
    从0到1实现一个企业级全栈开发框架，目的在 提升全栈开发能力、系统架构能力以及更优秀的编程设计思想。
    Webpack 前端工程化
  • 中高级前端必须掌握的package.json最新最全指南
    package.json 是一个用于描述和配置项目的重要文件，其中包含了许多字段和选项，可以影响项目的构建、依赖管理、脚本执行等方面。了解这些字段可以帮助开发者更好地理解和控制项目的行为。
    Webpack Vue.js 前端
    中高级前端必须掌握的package.json最新最全指南
  • 🚀 vue-cli项目配置使用unocss
    在了解使用了Unocss后，就完全被它迷住了。接收过的所有项目都配置使用了它，包括一些旧项目，也跟同事分享了使用Unocss的便捷性。 这里分享一下旧项目如何配置和使用Unocss的
    前端 Vue.js Webpack
  • 前端构建工具的发展和现状：Webpack、Vite和其他
    两条关键的线索 谈到前端构建工具，我们能想到常用的webpack、vite。不妨多想一步，它们是如何发展和壮大的呢？未来又是怎样的走向？ 对于构建工具的发展，我总结了两个关键的线索，模块化和构建性能。
    前端 Webpack Vite
    前端构建工具的发展和现状：Webpack、Vite和其他
  • 「工具链🛠️」编程外挂！插件系统🗜️🗜️（切图仔的插件杂谈）🔌🔌
    最开始学习前端的时候是干了啥？我想大多数朋友是在VScode上安装了几个插件，像Live Server、ESlint之类的，所以想必大家对插件并不陌生，所以我们前端生涯中都会遇到什么样的插件呢....
    前端 JavaScript Webpack
    「工具链🛠️」编程外挂！插件系统🗜️🗜️（切图仔的插件杂谈）🔌🔌
  • 面试常问：为什么 Vite 速度比 Webpack 快？
    为什么 Vite 速度比 webpack 快？之前一直对这个问题不是特别了解，甚至讲不出123....，这个问题在面试中也是常见的，作者在学习的过程当中总结了以下几点，在这里分享给大家看一下！
    前端 Webpack Vite
    面试常问：为什么 Vite 速度比 Webpack 快？
  • 开发体验的彻底提升，从 Vite 迁移到 Rspack
    Rspack 是一个基于 Rust 的 Web 构建工具，它最大的特点是惊人的构建速度。在最近的一年内我们把大部分项目都迁移到了Rspack/Rsbuild，迁移后带来的开发体验提升非常明显。
    前端 前端框架 Webpack
    开发体验的彻底提升，从 Vite 迁移到 Rspack
  • 一文带你梳理Webpack面试题（2024年版）
    又是一年金九银十，虽然市场一般，如何才能抓住来之不易的机会呢？自然是砥砺自身能力，完善知识体系。 挖下深坑擒虎豹，挂上长线钓金鳌。 本文基于笔者的个人面试经历 + 线上他人面经，筛选整理高频面试题
    前端 Webpack 面试
    一文带你梳理Webpack面试题（2024年版）
  • Webpack 详解（一）
    有一段时间没有做积累和学习了，近期学习的内容会陆陆续续更新进来。 Webpack 应该会写一个系列吧，从 初探 => 深入 => 实战。 现在就将相对路径的根目录改成了 src，这个时候使用相对路径就是从 src 目录下进行查找。例如上面的 entry，就会从 src 目录下进…
    Webpack