随笔分类 - 前端 / 工程化
摘要：以下是一个基础的 Webpack 5 示例配置，包含常见配置项和详细注释： // webpack.config.js const path = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); con
阅读全文
摘要：Webpack 的编译流程可以分解为 7 个核心阶段，结合 Webpack 5 源码（以 webpack/webpack 仓库主分支为准）的结构实现，这里为您进行详细阐述： 一、初始化阶段 入口文件：lib/webpack.js 参数校验与配置合并： const createCompiler = o
阅读全文
摘要：我将从四个部分对比说明 Webpack 与 Vite 的处理方式，并附实际代码示例： 一、代码压缩（Minification） Webpack： 生产模式下自动启用，核心配置示例： // webpack.config.js module.exports = { optimization: { min
阅读全文
摘要：ESM（ECMAScript Modules）和CommonJS在标准上的核心区别体现在规范制定主体和技术设计理念上，以下从社区标准与官方标准的角度对比分析： 一、标准背景差异 CommonJS（社区标准） 起源：由Mozilla工程师Kevin Dangoor于2009年发起，旨在解决服务端JS（
阅读全文
