前端构建
Rollup打包集成Terser进行JS压缩的配置方法

详细讲解在Rollup打包构建中集成Terser实现JavaScript代码极致压缩与混淆的完整配置方案,涵盖依赖选型、核心配置、多产物策略与常见问题排查。

2026-11-03 11:58:27
361
初晴
Rollup打包集成Terser进行JS压缩的配置方法
Webpack 配置别名路径:从基础到多工具同步详解

本文详解如何在 Webpack 中配置模块别名路径,通过 resolve.alias 简化导入路径。内容涵盖基础配置、结合 Babel 的 babel-plugin-module-resolver 插件同步,以及 TypeScript 中 paths 与 baseUrl 的对应设置。同时提供调试路径解析错误、扩展名处理及配置一致性维护的最佳实践,帮助提升大型前端项目的可维护性。

2026-10-31 19:54:56
603
知秋
Webpack 别名路径解析失败的排查与修复指南

本文深入分析 Webpack 中别名路径无法解析的常见原因,包括配置位置错误、路径拼接问题及缓存影响。详细讲解如何在 webpack.config.js 中正确设置 resolve.alias,并同步 Babel 和 TypeScript 配置。提供清理缓存、检查导入路径及 IDE 辅助配置的完整解决方案,帮助开发者快速修复编译错误。

2026-10-31 18:53:35
439
编译时光
React 脚手架 Create React App 使用详解

本文详细介绍 React 官方脚手架 Create React App 的核心优势与使用方法。涵盖通过 npx 或 npm 创建项目、解析标准目录结构、掌握常用开发命令,以及配置 package.json 和 tsconfig.json 等关键步骤。旨在帮助开发者快速搭建零配置的现代 React 应用环境,提升开发效率。

2026-10-31 17:53:01
594
远帆
详解webpack中的publicPath配置与常见坑

本文深入解析webpack中publicPath的配置方法,区分output与devServer中该属性的差异。重点说明为何生产环境需使用绝对路径,以及开发环境中因路径不一致导致页面空白的原因,并提供具体的配置示例和排查思路。

2026-10-31 11:16:57
70
编译时光
Webpack 5 配置详解:Entry 与 Output 核心属性解析

本文深入解析 Webpack 5 中 entry 和 output 的核心配置。详细讲解 output 中的 path、filename、chunkFilename 及 library 导出模式,以及 entry 的多入口数组与对象配置。通过实例演示如何配置多入口、提取公共依赖(dependOn)及自定义输出文件名,帮助开发者掌握复杂构建场景下的配置技巧。

2026-10-31 04:48:35
455
构建工坊
TypeScript项目tsconfig.json配置详解与核心选项解析

本文详细解析TypeScript项目中的tsconfig.json配置文件,涵盖compilerOptions下的关键编译选项。重点介绍target、module、lib等基础配置,以及strict系列严格检查选项(如strictNullChecks、noImplicitAny)的作用。同时解析模块解析策略、路径映射、装饰器支持及文件包含排除规则,帮助开发者优化TypeScript构建流程。

2026-10-30 22:06:18
291
闭包旅人