手机版 欢迎访问it开发者社区(www.mfbz.cn)网站

当前位置: > 开发

Es6模块化

时间:2021/8/2 23:27:18|来源:|点击: 次

1.html准备

// html
<html>
	<head>
		<meta charset="utf-8" />
		<title>index</title>
		<!-- 模块化的核心就是 type="module" -->
		<script src="./js/get.js" type="module"></script>
	</head>
	<body>
	</body>
</html>	

2.export.js和get.js

// js
//export.js
export var a = 222	

//get.js
import { a } from './export.js'
console.log(a)

注意:1.get.js中import的js路径必须为相对路径及‘./’
2.export 也可以导出多个对象,get正常引入即可!

var a = 222
var b = 333 
export {a,b}

Copyright © 2002-2019 某某自媒体运营 版权所有