主要观点：依赖 Create React App 的开发者可能缺乏 Webpack 直接经验，手动配置 Webpack 能深入了解现代 Web 应用构建和打包机制。本指南逐步介绍用 Webpack 搭建 React 应用，包括 Webpack 简介、前置条件、各步骤配置（如设置项目文件夹、安装依赖、配置 Babel 和 Webpack 等）、文件夹结构创建、编写 HTML 模板、创建 React 入口文件、添加脚本到 package.json 以及运行应用等，最终成功搭建 React 应用。

关键信息：

• Webpack 是强大的模块打包器，可处理 JavaScript、CSS 等资产并优化加载。
• 搭建 React 应用需确保 Node.js 和 npm 安装，具备 React 和 JavaScript 基础。
• 各步骤具体操作及相关依赖、配置文件的作用，如.babelrc 用于 Babel 配置，webpack.config.js 用于 Webpack 配置等。
• 最终可通过 npm start 运行开发服务器，在 http://localhost:3000 查看应用。

重要细节：

• 在 Webpack 配置中，entry 指明起始文件，output 定义输出目录和文件名，module 规则用于处理不同文件类型，resolve 扩展可省略的文件后缀，plugins 用于生成 HTML 文件并注入脚本，devServer 用于本地开发服务器设置。
• 在 HTML 模板中，<div id="root"></div>是 React 应用渲染的 DOM 元素，Webpack 会在此处注入 JavaScript bundle。
• 在 package.json 的 scripts 中，"start"用于启动开发服务器，"build"用于创建生产优化构建。