如何使用 babel 来转译 Web 源代码，并能够在像 github 提供的服务器这样的服务器上部署代码

Question

您好，感谢您阅读我。

我想将应用程序部署到 GitHub 页面 Web 服务器。

但是，当我尝试使用JavaScript时，它会报告：

SyntaxError: import declarations may only appear at top level of a module

因此，开发人员工具报告错误是导入：

    import CoreUtils from 'base/core/core.utils';
import LoadersVolume from 'base/loaders/loaders.volume';
import HelpersStack from 'base/helpers/helpers.stack';
import HelpersLut from 'base/helpers/helpers.lut';
import CamerasOrthographic from 'base/cameras/cameras.orthographic';
import ControlsOrthographic from 'base/controls/controls.trackballortho';

我已经读到，通过 defult Babel 不会删除导入并转译代码。

我试图自己修复它，阅读：ES2015 导入在 Firefox 中不起作用(即使在顶层(

语法错误：导入声明可能只出现在模块的顶层

ES2015模块导入导出语法错误

甚至：https://github.com/framework7io/Framework7-Vue-Webpack-Template/issues/10

事实是我已经红色了答案，并且有人谈论编辑 babelrc 配置文件。

有人可以帮我吗？

Answer 1

您不能只是复制粘贴要部署的未编译代码：

1-编译示例代码： yarn dist:clean && yarn build:clean && yarn dist:ami && yarn dist:examples

2-在dist目录中，找到您感兴趣的示例

3-部署示例

希望有帮助...