javascript - 请问 es6 用 webpack 转 es5 后，怎样在 es5 中 调用 之前打包好的代码？
本文介绍了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 怎样调用呢？
求解，谢谢。
解决方案
webpack 的配置里面
output.libraryTarget 设置为 'umd'
这篇关于javascript - 请问 es6 用 webpack 转 es5 后，怎样在 es5 中 调用 之前打包好的代码？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
