minimal-react-hot-boilerplate React热重载脚手架
最小配置的 React 热重载脚手架,适合懒得折腾又想直接上手的你。
minimal-react-hot-boilerplate的结构挺清爽,跑起来也快。npm install
npm 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 教程,思路还挺清晰。
7.74KB
文件大小:
评论区