工程构建
徒手配置 React 与 Webpack 组合
善后工作
Demo 及其分支重点,分先后顺序
- master & basic 构建项目,编写最基本的 Webpack 配置
- integrate-react 引入 React, 并在浏览器中运行最简单的 React, 引入了
html-webpack-plugin
插件
- auto-clean-build 使用
clean-webpack-plugin
实现构建前自动清理
- 代码分割
- code-splitting 进行了简单的代码分割配置
- code-splitting-default 使用 Webpack 默认的代码分割配置,之后的分支都基于这个分支上进行
- hot-dev 开发时的热更新与 HMR 开启
- style-support 支持 CSS, CSS 文件导出,CSS 代码压缩
- style-support-2 支持 CSS 模块化,支持 SCSS, 支持 PostCSS
- webpack-config-merge 分拆 Webpack 配置
- integrate-eslint 配置 eslint 语法检测
- source-map 配置开发环境下的源代码查看配置
Webpack 配置
Babel
杂项