Webpack 构建错误 - 意外令牌：名称（OrbitControls）答案

【问题标题】：Webpack build error - Unexpected token: name (OrbitControls)Webpack 构建错误 - 意外令牌：名称（OrbitControls）
【发布时间】：2018-08-29 23:31:32
【问题描述】：

我在使用 ‘source-map’ 开发工具构建 webpack 进行生产时遇到以下错误：

ERROR in bundle.js from UglifyJs
Unexpected token: name (OrbitControls) [./node_modules/orbit-controls-es6/src/index.js:33,0][bundle.js:57444,6]

使用 'cheap-module-eval-source-map' webpack devtool 的构建工作正常。

Uglify 似乎有问题的模块是用于 Three.js 相机控制的 orbit-controls-es6 模块，指向主类声明：

export default class OrbitControls extends EventDispatcher {…

有人可以向我解释为什么会发生这种情况吗？我不确定这是模块的问题还是我自己的代码库的问题。

【问题讨论】：

标签： webpack three.js bundle source-maps uglifyjs

【解决方案1】：

你碰巧有循环依赖吗？

我也使用来自 npm 的这个版本，并且可以在 webpack 上正常工作

https://www.npmjs.com/package/three-orbitcontrols

从“三轨道控制”导入 OrbitControls

【讨论】：

将 OrbitControls 模块替换为您链接的模块解决了该问题。谢谢！