首頁 > 問答 > 主體

javascript - 請問 es6 用 webpack 轉 es5 後，怎樣在 es5 中呼叫之前打包好的程式碼？

es6 程式碼 test.js

class test {
  constructor() {
    console.log("init");
  }
}

module.exports = test;

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>drawBoard</title>
</head>
<body>
</body>
<script type="text/javascript" src="../build/test.js"></script>
<script type="text/javascript">
  console.log(typeof test)        // undefined
</script>
</html>

這樣直接呼叫肯定是會失敗的。

我看了webpack 打包後的程式碼，理解是將打包了一個匿名函數，然後在匿名函數中回傳了module.exports 的類別test。
用 es6 寫可以用 import，可是用 es5 怎麼呼叫呢？

求解，謝謝。

大家讲道理2810 天前531

全部回覆(1)我來回復

ringa_lee2017-05-19 10:16:10

webpack 的配置裡面

output.libraryTarget 設定為 'umd'

回覆

取消回覆