Javascript ES6：类：Can'；无法让外部JS类工作_Javascript_Class_Ecmascript 6_Es6 Class

Javascript ES6：类：Can'；无法让外部JS类工作

javascript class ecmascript-6

Javascript ES6：类：Can'；无法让外部JS类工作,javascript,class,ecmascript-6,es6-class,Javascript,Class,Ecmascript 6,Es6 Class,我很清楚，这是我的资料，也许有人可以证实 1）在HTML文件中定义的ES6类工作正常。设x=newglob（213）；//很好用 2）但完全失败了，一旦我将类glob代码移动到外部JS并使用引用它。新全球银行（213）；失败。即使我使用Babel glob.js创建ES5代码这是ES6课程的当前状态吗？我没有使用导入，但确实有导出。或者我需要使用一个绑定器，比如Webpack，将所有东西都压缩到一个all.js中，以使外部类正常工作如果这是目前的比赛状态，或者我要求过高，我会感到相当失望

我很清楚，这是我的资料，也许有人可以证实

1）在HTML文件中定义的ES6类工作正常。设x=newglob（213）；//很好用

2）但完全失败了，一旦我将类glob代码移动到外部JS并使用引用它。新全球银行（213）；失败。即使我使用Babel glob.js创建ES5代码

这是ES6课程的当前状态吗？我没有使用导入，但确实有导出。或者我需要使用一个绑定器，比如Webpack，将所有东西都压缩到一个all.js中，以使外部类正常工作

如果这是目前的比赛状态，或者我要求过高，我会感到相当失望。（数十年来，我们一直在使用外部文件。）

谢谢，来自一位沮丧的JS程序员

内部版本

然后是HTML

<body style="font-family: sans-serif; line-height: 2">
<p id="showResults" style="font-size: 20pt;"></p>

<script src="build/glob.js"></script>

<script>
alert(1);  //Shows
let gg = new glob(213);
alert(2);  // Never shows

build/glob.js

中的代码是什么样子的？这将给您一个提示。您是否希望模块的导出以某种方式在全球可用？为什么？它如何知道全局变量名为

glob

？你可能想读书

'use strict';

class glob {
  constructor(mass) {
    this.mass = mass;
  }
  getMass() {
    return this.mass;
  }

}
export default glob;

<body style="font-family: sans-serif; line-height: 2">
<p id="showResults" style="font-size: 20pt;"></p>

<script src="build/glob.js"></script>

<script>
alert(1);  //Shows
let gg = new glob(213);
alert(2);  // Never shows

npm run babel -silent  -- --presets es2015 src/g*.js --out-dir build