質問編集履歴
1
タイトルとか修正
title
CHANGED
@@ -1,1 +1,1 @@
|
|
1
|
-
ES6で書いたコードを「Script要素」と「ES6のimport」の両方で読み込めるようにする方法があれば教えてください
|
1
|
+
ES6で書いたコードを「HTMLのScript要素」と「ES6のimport」の両方で読み込めるようにする方法があれば教えてください
|
body
CHANGED
@@ -20,6 +20,7 @@
|
|
20
20
|
<script>
|
21
21
|
var foo = new Foo;
|
22
22
|
foo.say(); // => 'hello'がアラートされる
|
23
|
+
</script>
|
23
24
|
```
|
24
25
|
|
25
26
|
さらに、importして使えるようにもしたいので、Fooをexportするように以下のように書いて、Babelでfoo2.jsとしてコンパイルすると、
|
@@ -42,6 +43,7 @@
|
|
42
43
|
<script>
|
43
44
|
var foo = new Foo;
|
44
45
|
foo.say(); // => ReferenceError: exports is not defined
|
46
|
+
</script>
|
45
47
|
```
|
46
48
|
|
47
49
|
原因は、コンパイルされて吐き出されるコードに以下が含まれているからです。「exports」が定義されていないよと怒られてしまいます。
|