React-Toolbox SPA静态预渲染辅助工具
Webpack 配置的烦恼你应该也懂,每次新项目都得折腾半天,还得担心老项目落灰。react-toolbox就挺省事的,预设了一堆好用的功能,尤其适合做静态预渲染的SPA项目,开箱即用。
灵感来自 Dan Abramov 的演讲,react-toolbox整合了ES6支持、React环境、Service Worker缓存、JSS样式提取这些常用套路。命令也挺,安装完直接跑,开发时还有自动刷新,写起来挺顺手。
你只要把入口文件放在index.js
,它就知道该怎么,连构建时的预渲染都安排好了。yarn add @kevindurb/react-toolbox
或 npm install --save @kevindurb/react-toolbox
就能搞定安装。用惯了react-jss
和webpack
的朋友,上手应该快。
如果你在做SEO 友好的 SPA,或者需要一套不用折腾的前端启动模版,可以先试试它。顺便参考下JavaScript SPA 预渲染参考、React SEO-Friendly SPA Template这些文章,思路也比较接近。
哦对了,别忘了对版本有要求:react@^16.2.0
和 react-dom@^16.2.0
。升级别踩坑哈~
react-toolbox-master.zip
预估大小:15个文件
react-toolbox-master
文件夹
render.js
788B
templates
文件夹
index.ejs
641B
package.json
1KB
webpack
文件夹
webpack.config.dev.js
1KB
webpack.config.base.js
1KB
webpack.config.prod.js
2KB
index.js
399B
64.75KB
文件大小:
评论区