Question

您好，感谢您抽出时间阅读此问题！

我正在尝试部署到GitHub页面，目前我正在使用Node和WebPack。

我不知道为什么会说：

ReferenceError: require is not defined

当我尝试导航到我刚刚部署的页面时。

受影响的一行是：

import setCamera from './camera';

我已经读过，require（）不是客户端浏览器中实现的函数： Client on node: Uncaught ReferenceError: require is not defined

然后我尝试捆绑和缩小JS文件，但是无法解释的事情发生了。我只有一个js的页面被正确缩小，文件被调用：fileName.js并且空格被删除，变量被修改。

然而，在我正在进行的页面中，我将其分成不同的js文件，这些文件被捆绑在一起需要如下：

var _cameras = require('base/cameras/cameras.orthographic');

有没有办法能够编写不同的JS文件并以浏览器可以读取的方式进行部署，我的意思是不使用require？

我感到困惑的原因是因为在本地使用Node服务器它运行良好，但是在远程GitHub页面中却没有。

显示错误的图像。当我转到页面的部分时，我重构的示例是使用不同的js文件，通过导入/导出语法加载它们。

这里我向您展示源repo提供的单个js文件示例（称为viewers_quadview）是如何缩小的，但是使用不同js文件重构的示例使用require：

单个js中给出的示例：

重构的示例没有得到很好的缩小，导入/导出被需求替换：

感谢您阅读我！