我以前没有看过这种语法，并且想知道它的全部含义。

var { Navigation } = require('react-router');

左侧的括号引发语法错误：

意外的标记 {

我不确定webpack配置的哪个部分正在转换或语法的目的是什么。这是和谐的事情吗？有人可以启发我吗？

这称为解构分配，它是ES2015标准的一部分。

析构分配语法是一个JavaScript表达式，它可以使用与数组和对象文字相同的语法来从数组或对象中提取数据。

资料来源： 关于MDN的销毁分配参考

对象解构

 var o = {p: 42, q: true};
 var {p, q} = o;

 console.log(p); // 42
 console.log(q); // true 

 // Assign new variable names
 var {p: foo, q: bar} = o;

 console.log(foo); // 42
 console.log(bar); // true

阵列解构

var foo = ["one", "two", "three"];

// without destructuring
var one   = foo[0];
var two   = foo[1];
var three = foo[2];

// with destructuring
var [one, two, three] = foo;

这是破坏性的任务。这是ECMAScript 2015的新功能。

var {
  AppRegistry,
  StyleSheet,
  Text,
  View,
} = React;

等效于：

var AppRegistry = React.AppRegistry;
var StyleSheet = React.StyleSheet;
var Text = React.Text;
var View = React.View;

var { Navigation } = require('react-router');

...使用解构来实现与...相同的功能

var Navigation = require('react-router').Navigation;

...但是更具可读性。

这是ES6中用于分解对象的新功能。

众所周知，这里正在进行赋值操作，这意味着右侧值已分配给左侧变量。

var { Navigation } = require('react-router');

在这种情况下，require('react-router')方法返回具有键值对的对象，例如

{ Navigation: function a(){}, Example1: function b(){}, Example2: function c(){} }。

如果我们想在返回的对象中使用一个键，Navigation对一个变量说，我们可以为此使用对象销毁。

仅当我们拥有钥匙时，这才有可能。

因此，在赋值语句之后，局部变量Navigation将包含function a(){}

另一个示例如下所示。

var { p, q } = { p: 1, q:2, r:3, s:4 };
console.log(p) //1;
console.log(q) //2;