首页 > 问答 > 正文

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 怎样调用呢？

求解，谢谢。

大家讲道理2749 天前499

全部回复(1)我来回复

ringa_lee2017-05-19 10:16:10

webpack 的配置里面

output.libraryTarget 设置为 'umd'

回复

取消回复