请问 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 怎样调用呢?

求解,谢谢。

阅读 3.4k
1 个回答

webpack 的配置里面

output.libraryTarget 设置为 'umd'

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题