gulp在编译javascript 1.7对象破坏语法时会遇到问题吗？

我以前见过这种“破坏”语法，但从未使用过。无论如何，直到现在。我想在github上拉一个回购协议来处理我的应用程序路由（制作一个单页应用程序）。但是我注意到它有这样的语法

var { Route, RouteHandler, Link } = Router;

这只是一种奇特的写作方式

var Route = Router.Route
var RouteHandler = Router.RouteHandler
var Link = Router.Link

所以我的问题是，有人知道gulp从jsx编译成javascript是否会有任何问题吗？ 我是否需要为此语法安装任何其他依赖项？

---

我做了一些研究，但没有找到任何结论。谢谢

默认的一口，是的。JSX语法需要传输到本机js。看看你能如何处理这个问题。基本上，它的工作原理与其他传输代码（即coffeescript）类似。转换为本机，然后继续执行下一个任务

编辑
在看到您被编辑之后，看起来您还需要转换ES6。看一看，它应该会帮助你走。基本上概念是一样的，将jsx/es6编译成原生js。有一节专门针对ES6反应组件

第二版 看起来gulp react有一个选项可以设置为ES6。我想如果你加上这一行，它会起作用的

.pipe（react（{harmony:true}））

---

我知道jsx和它的编译。已经在使用“吞咽”反应。。。我的问题是关于用gulp编译“更新的”JavaScript语法，如果我需要任何资源或任何支持文档，我想我最初误解了<代码>var{Route，RouteHandler，Link}=路由器对我来说，这行代码看起来就像ES6解构（对象匹配）。您可能需要指定在吞咽透明中使用ES6。我的编辑提供了一个与browserify中一些示例的链接，我相信这是大多数人在新语法中使用的。我正在使用browserify和reactify，因此我的js任务看起来像

.task（'js'，function（）{return browserify（package.path.app）。transform（reactify.bundle（）.pipe（source（package.dest.app））.pipe（gulp.dest（package.dest.lib））；}）

您知道如何将其添加到该文件中吗？今晚我将能够进行测试，因此，如果我在之后没有回复您，请用注释提醒我：）因此，一个选项（我认为）是将browserify配置放在单独的文件中，并使用乙烯基将其输入gulp。Reactify附带了一个可以在browserify中使用的标志。我想你可以把这个配置放在另一个单独的地方，如果你被卡住了，看看这个博客，把gulpfile的要点和基本设置放在一起，我可以看一下。

//full example  
gulp.task('default', function () {
    return gulp.src('template.jsx')
        .pipe(react({harmony: true))
        .pipe(gulp.dest('dist'));
});