minimal-react-hot-boilerplate React热重载脚手架

最小配置的 React 热重载脚手架,适合懒得折腾又想直接上手的你。

minimal-react-hot-boilerplate的结构挺清爽,跑起来也快。npm installnpm run start,浏览器一开就能体验热重载,改组件立马反映,连错误提示都内联显示,调试还挺舒服。

Webpack 配置也不复杂,开发模式下自动用react-transform-webpack-hmr搞定热模块替换,关键文件是webpack.development.config.js.babelrc。嗯,不需要你手动配置什么环境变量,省事。

CSS 模块这块也做得挺干净,直接从 JS 里import styles from './style.css'className={styles.container}这样写,告别全局污染,样式也好维护。背后是css-loader配合style-loader,加了modules: true就行。

它还内置了一个API mock server,开发时不需要每次连真接口,挺适合写组件或前后端分离的小项目。对了,如果你想了解类似的配置方式,可以看看这篇 Webpack 热重载的命令教程

,这套东西适合想快速上手 React 热重载的你。文件结构不绕,配置不啰嗦,适合自己折腾或搭项目底板。如果你对 Webpack 还不太熟,也推荐去看看这篇 React + Webpack + Babel 教程,思路还挺清晰。

zip 文件大小:7.74KB