前端开发
使用Webpack配置React多页面应用详解

本文详细介绍如何利用Webpack配置React多页面应用。通过清理Create React App默认依赖,手动配置Babel、HtmlWebpackPlugin等核心插件,实现多个独立页面的构建与开发调试,适合需要精简脚手架的开发者参考。

2026-10-22 08:13:39
618
星野
Webpack 1.x 升级至 2.x 常见问题与解决方案

本文总结了从 Webpack 1.x 升级至 2.x 过程中遇到的典型错误及解决方法,包括 ExtractTextPlugin 参数变更、HTML 插件 chunks 配置调整、ESLint 对 ES6 语法支持以及 Vue Loader 提取 CSS 的配置修正,旨在帮助开发者顺利过渡到新版构建环境。

2026-10-22 06:53:55
587
组件花园
TypeScript 中导入 JSON 文件的正确方法

本文详细讲解在 TypeScript 项目中导入 JSON 文件时遇到的模块未找到问题。通过对比三种解决方案:配置 tsconfig.json 的 resolveJsonModule、声明全局模块类型,以及使用 @types/node 配合 require 函数,帮助开发者在严格类型检查下正确加载 JSON 数据。

2026-10-22 06:23:18
444
木棉
Webpack 入门实战:多入口、CSS分离与异步加载详解

本文详细总结了Webpack在项目中的实际应用,涵盖从基础配置到高级特性的完整流程。内容重点解析了如何配置webpack.config.js实现代码压缩与公共类库提取,通过extract-text-webpack-plugin将CSS单独打包以优化首屏渲染。针对多页面应用,介绍了多入口文件的生成方法。最后,深入讲解了利用require.ensure进行代码切分与按需异步加载,以解决首屏加载臃肿问题,提升页面性能。

2026-10-22 04:56:41
283
极速慢跑
使用r.js优化和打包RequireJS模块的完整指南

本文详细介绍如何使用r.js工具对RequireJS管理的JavaScript模块进行打包与优化。通过简单示例演示基础打包流程,并深入讲解如何处理包含jQuery等第三方库的场景,包括内联打包与排除打包两种策略,以解决缓存复用和性能问题。

2026-10-22 04:48:21
400
性能诊所
5种JavaScript脚本加载的方式

本文详细解析了JavaScript脚本在HTML中的五种加载方式。从传统的内嵌与外链导致的页面渲染阻塞问题入手,探讨了将脚本置于底部的经典做法及其局限性。重点介绍了动态脚本加载、基于回调的顺序控制、LABjs库的并行加载与顺序执行,以及RequireJS模块化管理,旨在帮助开发者解决脚本加载性能与依赖顺序问题。

2026-10-21 20:27:41
283
霁月