现在我们在开发项目时都是基于构建工具（像webpack）上进行开发，所以在使用import时得心应手。
但今天在chrome中直接使用import时，发现不知道如何使用？
三个条件：
浏览器版本需要支持，浏览器的支持情况：
使用<script type="module">
必须在服务器环境下才运行（可以通过全局下载npm包http-server来快速启动本地服务器）
注意：引入路径不能省略文件后缀（这个与在构建工具中不同，因为构建工具会自动帮我们找文件）
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div id="app"></div>
</body>
<script type='module'>
import test from './test.js'
document.querySelector('#app').innerHTML = test.a
</script>
</html>
test.js
export default {
a: 'test'
}
启用服务器
运行效果
