React 脚手架 开发模式配置 // webpack.dev.js const path = require(“path”);

总结 我们从 4 个角度对 webpack 和代码进行了优化： 提升开发体验 使用 Source Map 让开发或上线时代码报错能 …

优化代码运行性能 Code Split 为什么 打包代码时会将所有 js 文件打包到一个文件中，体积太大了。我们如果只要渲染首页， …

减少代码体积 Tree Shaking 为什么 开发时我们定义了一些工具函数库，或者引用第三方工具函数库或组件库。 如果没有特殊处 …

提升打包构建速度 HotModuleReplacement 为什么 开发时我们修改了其中一个模块代码，Webpack 默认会将所有 …

提升开发体验 SourceMap 为什么 开发时我们运行的代码是经过 webpack 编译后的，例如下面这个样子： /* * AT …

总结 本章节我们学会了 Webpack 基本使用，掌握了以下功能： 两种开发模式 开发模式：代码能编译自动化运行 生产模式：代码编 …

Css 处理 提取 Css 成单独文件 Css 文件目前被打包到 js 文件中，当 js 文件加载时，会创建一个 style 标签 …

生产模式介绍 生产模式是开发完成代码后，我们需要得到代码将来部署上线。 这个模式下我们主要对代码进行优化，让其运行性能更好。 优化 …

开发服务器&自动化 每次写完代码都需要手动输入指令才能编译代码，太麻烦了，我们希望一切自动化 1. 下载包 npm i w …