了解gulp reactify工作流/结构

试图了解如何将gulp之类的构建系统集成到我的节点/反应工作流中。以下是我天真的理解： 在开发中，您希望动态地将所有JSX编译成普通JS。你可以通过像“大口喝”和“大口喝”这样的方式来实现。更新您的文件后，gulp会将您的文件[reactify]转换并捆绑到自己的文件中

这是我很难理解的部分。我看到的所有示例似乎都将主节点文件app.js或main.js作为条目，并将其捆绑到解释的.js文件中。但我并没有试图解释我的节点文件，而是需要解释我的JSX文件。我是否应该尝试“吞咽”我的JSX文件，然后用唯一的文件名将它们放入自己的目录中，然后在HTML模板中编写一个包含这些捆绑文件而不是原始.JSX文件的标记

使用不同的组件保持有组织的文件结构，并且能够将它们包含在视图模板中的策略是什么？谢谢

这是我的gulpfile.js 现在它正在/build目录中创建一个捆绑的server.js。我不知道该如何处理这个捆绑文件，因为它需要客户端元素，并且我无法使用node build/server.js运行它

var gulp=需要“gulp”； var源=需要“乙烯基源流”； var browserify=要求“browserify”； var watchify=需要“watchify”； var reactify=要求“reactify”； var concat=需要“咕噜咕噜”； 吞咽任务'browserify'，函数{ var bundler=browserify{ 条目：['./server.js']， 转换：[反应]， 是的， 缓存：{}，packageCache:{}，完整路径：true }; var watcher=watchifybundler； 回程观察者 .关于“更新”，函数{ var updateStart=Date.now； console.log'updateing！'； watcher.bundle//创建使用缓存实现高性能的新bundle .pipesource'server.js' //这就是你添加丑化等的地方。 .pipegulp.dest'/build/'； console.log'Updated！'，Date.now-updateStart+'ms'； } 捆 .pipesource'server.js' .pippegulp.dest'build/； }; //只需运行browserify

---

任务'default'，['browserify']；我不知道你想做什么。要在服务器上渲染还是在客户端上渲染？我要在客户端上渲染，从服务器传递数据。