🧩序言 在前端的面试中， webpack 也是面试官考察的重点之一。如果说候选人不会 webpack ，从某种层面上来说不会特别影响面试官最终的面试结果。但从某种意义上来说，候选人给面试官的印象分就会

在开发环境和生产环境中，这两个环境下构建的目标存在很大差异，在开发环境中，我们需要的是强大的`source map`、实时加载、热更新等能力的配置。...

What is Babel? Babel 是一个工具链，主要用于将采用 ECMAScript 2015+ 语法编写的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器

本篇将从实践出发，在第一章节《基础配置》中使用 webpack 搭建一个基础的支持模块化开发的项目，在第二章节《进阶配置》中使用 webpack 搭建一个 SASS + TS + React 的项目。

在每个`node`项目或者模块的根目录下，通常会有一个叫做`package.json`文件，它定义了这个项目所需要的各个模块信息和版本，以及整个项目的配置信息，例如项目的名称，版本，描述等等信息...

Vite号称是 下一代的前端开发和构建工具 ，目前已经在前端社区里逐步开始流行起来了。它采用了全新的unbundle思想来提升整体的前端开发体验。

本文通过精美的图文，深入分析 Webpack Loader 的运行机制，带你吃透 Webpack loader 的 11 个核心问题。

🎨文章超过1w字，通读大约需要30min。在前端工程化日趋复杂的今天，模块化打包工具在我们的日常开发中起着越来越重要的作用，而其中， webpack 已然是前端打包构建的不二选择。 说到 w

使用 Visual Studio Code 开发项目省时的六个插件。 1. vscode-icon 不同的文件展示不同的图标，方便快速识别文件类型。 2. Color Highlight 颜色标记。