webpack-react-start React+Webpack入门教程
webpack 的 React 项目启动教程挺适合刚上手的朋友，简单粗暴，没啥废话。用npm init起个壳，一步步装上react、webpack、webpack-dev-server，还有老伙计jsx-loader，适合玩老版本或者想了解底层配置逻辑的同学。
组件这块也直白，用Hello.jsx练手，里面写个最基本的React.createClass，渲染个文字就完事，文件头上还得写/** @jsx React.DOM */，这在老版本 React 里挺常见的，虽然现在不太用了，但了解下也不错。
webpack-dev-server配起来其实不复杂，官方文档太啰嗦的话，可以看看这几篇：
- webpack-dev-server 教程：挺系统，步骤清楚
- webpack3.0 配置教程：老项目参考价值大
- 自动更新页面方法：调试方便多
不过要提醒一下，这套配置偏老，用的是jsx-loader和 CommonJS 风格。现在大多数人都用babel-loader、ES6 模块，还有像webpack 5那样的新架构。如果你刚学，理解这些“旧路子”有助于打基础，但新项目建议还是走新配置。
如果你喜欢一点点配置出一个能跑的 React 项目，不靠脚手架，那这套webpack-react-start还挺不错的，顺着改一改也能变成你自己的小模板。
文件大小：12.21MB
评论区