如何在一个HTML文件中测试一个UMD包 #44
Description
当使用一个工具库打包出来的React组件是UMD格式的，如何简单得使用一个HTML文件就能测试这个包呢？
- 使用rollup-react-component打包生成
hello.min.js - 编写一个HTML文件如下所示：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="https://unpkg.com/react@16.1.1/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16.1.1/umd/react-dom.development.js"></script>
<script src="hello.min.js"></script>
<title>Document</title>
</head>
<body>
<div id="root"></div>
<script>
window.onload = function() {
ReactDOM.render(
React.createElement(Hello),
document.getElementById('root')
)
}
</script>
</body>
</html>- 打开该文件就能看到React组件已经渲染。
- Related