React脚手架Webpack配置
React 项目的 webpack 配置,最怕的就是配置一大堆还跑不起来。嗯,这套脚手架还挺省心的,结构清晰,支持热更新,改完代码浏览器立马刷新,响应也快。
Webpack 4的构建方式配上React 17+,基本能覆盖日常开发需求。像babel-loader
、css-loader
这些都配置好了,JSX、ES6 语法啥的直接写,没障碍。
要说亮点,devServer
配置得蛮人性化的,支持historyApiFallback
,做单页应用挺方便。还有一点,打包出来的结果也比较干净,静态资源分发也利落。
如果你平时也用VS Code
,那这个项目配合起来更爽,eslint 和 prettier 也都接好了,写代码更顺手,不容易出锅。
另外我还整理了几个类似的脚手架资源,想换风格或者研究下别人的写法也挺有意思:
- webpack-react: react 基于 webpack 脚手架
- React 脚手架:React、Webpack 4.0 集成
- Webpack 4 脚手架
- usoft React 脚手架项目
- MarketPlace React 项目脚手架
- Aventurei React 脚手架工具
如果你也准备搭个 React 项目,懒得手动搞 webpack 配置,不妨用这个试试,挺省事的。
54.82MB
文件大小:
评论区