⾮vue等框架中html中使⽤es6的模块⽤法⼩结以下是html中使⽤es6模块化引⼊的⽅法
⼀、html中的引⼊
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
script在html中的用法
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div>1212</div>
<script type="module">
import {add as newadd} from './b.js'
let res = newadd(2,3)
console.log(res)
</script>
</body>
</html>
注意：要加上 type="module"  并且配置好本地服务器访问html 。
如果是npm 下载后的包（node_modules），则貌似⽆法直接通过import ‘引⼊’ ，需要webpack的配置？？
⼆、js⽂件中的写法：
function add(a, b) {
return a + b + 2;
}
export { add };
注意：建议js的导出利⽤export 的导出，⽽⾮export default 的导出！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。