teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

タイトルとか修正

2016/02/12 14:20

投稿

maechabin
maechabin

スコア41

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」が定義されていないよと怒られてしまいます。