React-Toolbox SPA静态预渲染辅助工具

Webpack 配置的烦恼你应该也懂,每次新项目都得折腾半天,还得担心老项目落灰。react-toolbox就挺省事的,预设了一堆好用的功能,尤其适合做静态预渲染的SPA项目,开箱即用。

灵感来自 Dan Abramov 的演讲,react-toolbox整合了ES6支持、React环境、Service Worker缓存、JSS样式提取这些常用套路。命令也挺,安装完直接跑,开发时还有自动刷新,写起来挺顺手。

你只要把入口文件放在index.js,它就知道该怎么,连构建时的预渲染都安排好了。yarn add @kevindurb/react-toolboxnpm install --save @kevindurb/react-toolbox 就能搞定安装。用惯了react-jsswebpack的朋友,上手应该快。

如果你在做SEO 友好的 SPA,或者需要一套不用折腾的前端启动模版,可以先试试它。顺便参考下JavaScript SPA 预渲染参考React SEO-Friendly SPA Template这些文章,思路也比较接近。

哦对了,别忘了对版本有要求:react@^16.2.0react-dom@^16.2.0。升级别踩坑哈~

zip
react-toolbox-master.zip 预估大小:15个文件
folder
react-toolbox-master 文件夹
file
render.js 788B
folder
templates 文件夹
file
index.ejs 641B
file
package.json 1KB
folder
webpack 文件夹
file
webpack.config.dev.js 1KB
file
webpack.config.base.js 1KB
file
webpack.config.prod.js 2KB
file
index.js 399B
folder
utils 文件夹
file
devServerPort.js 49B
file
makePaths.js 578B
folder
examples 文件夹
folder
hello-world 文件夹
file
index.js 170B
file
README.md 2KB
file
registerServiceWorker.js 212B
folder
commands 文件夹
file
build.js 622B
file
start.js 578B
file
yarn.lock 211KB
zip 文件大小:64.75KB