【文件属性】：
文件名称：sample-express-browserify-react-sass-app:使用 Express、React、SASS 和 Browserify 构建的同构 React 应用程序
文件大小：159KB
文件格式：ZIP
更新时间：2021-06-27 10:02:50
JavaScript
示例 express-browserify-react-sass-app
这个 repo 包含一个 Express 应用程序，它使用 React 同构渲染内容（在服务器和客户端上）。 组件通过 Browserify 和 CommonJS 模块在服务器和客户端之间共享。 Grunt 用于使用 Browserify 和 SASS 构建资产。 我不是很酷，所以我没有使用 Gulp。
安装
克隆回购
npm install
grunt
nodemon -e handlebars,css,js server.js
在浏览器中访问
灵感
这个 repo 的灵感来自所做的工作。 以下是使 React 在服务器端呈现良好的主要步骤：
尖端
将所有组件保留在静态（公共）目录之外。 在这个项目中，我们有一个*components目录，用于存储我们的 React 组件。
对 React 组件使用.j
【文件预览】：
sample-express-browserify-react-sass-app-master
----.gitignore(587B)
----components()
--------Avatar.jsx(314B)
--------Profile.jsx(558B)
--------App.jsx(419B)
--------Bio.jsx(673B)
----middleware()
--------templates.js(1KB)
--------index.js(187B)
----package.json(882B)
----Gruntfile.js(811B)
----server.json(228B)
----LICENSE(1KB)
----public()
--------src()
--------build()
----views()
--------500.handlebars(181B)
--------home.handlebars(410B)
--------404.handlebars(144B)
--------layouts()
--------partials()
----README.md(3KB)
----config()
--------index.js(411B)
----lib()
--------helpers.js(3KB)
--------utils.js(2KB)
--------exphbs.js(406B)
----shared()
--------templates()
----HISTORY.md(759B)
----routes()
--------index.js(557B)
----app.json(297B)
----test()
--------stub.js(111B)
----server.js(4KB)