如何使用 babel 转译 Web 源代码并能够在 github 提供的服务器上部署代码？答案

【问题标题】：How can I use babel to transpile web source code and be able to deploy code on a server like the one provided by github?如何使用 babel 转译 Web 源代码并能够在 github 提供的服务器上部署代码？
【发布时间】：2018-01-21 13:30:22
【问题描述】：

您好，感谢您阅读我的文章。

我想将应用程序部署到 GitHub Pages 网络服务器。

但是，当我尝试使用它报告的 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';

我默认 Babel 不会删除导入并转译代码。

我试图通过自己阅读来修复它： ES2015 import doesn't work (even at top-level) in Firefox

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

ES2015 module import and export syntax error

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

事实是我有红色的答案和一些关于编辑 babelrc 配置文件的讨论。

有人可以帮帮我吗？

【问题讨论】：

标签： javascript

【解决方案1】：

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

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

2-在dist目录下，找到你感兴趣的例子

3- 部署示例

希望对您有所帮助...

【讨论】：