Notes

工程构建

徒手配置 React 与 Webpack 组合

善后工作

Demo 及其分支重点,分先后顺序

  1. master & basic 构建项目,编写最基本的 Webpack 配置
  2. integrate-react 引入 React, 并在浏览器中运行最简单的 React, 引入了 html-webpack-plugin 插件
  3. auto-clean-build 使用 clean-webpack-plugin 实现构建前自动清理
  4. 代码分割
    • code-splitting 进行了简单的代码分割配置
    • code-splitting-default 使用 Webpack 默认的代码分割配置,之后的分支都基于这个分支上进行
  5. hot-dev 开发时的热更新与 HMR 开启
  6. style-support 支持 CSS, CSS 文件导出,CSS 代码压缩
  7. style-support-2 支持 CSS 模块化,支持 SCSS, 支持 PostCSS
  8. webpack-config-merge 分拆 Webpack 配置
  9. integrate-eslint 配置 eslint 语法检测
  10. source-map 配置开发环境下的源代码查看配置

Webpack 配置

Babel

杂项