在html中引入type='module'的script
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script type="module" src="main.js"></script>
<script type="module" src="message.js"></script>
</body>
</html>
//message.js
function sendMsg() {
console.log('hello')
}
const msg = 'this is msg '
export {
sendMsg,
msg
}
//main.js
//第1種import方式
import {msg,sendMsg} from "./message.js";
console.log(msg) //this is msg
sendMsg() //hello
//第2種import方式
import * as file from "./message.js";
console.log(file.msg)
file.sendMsg()
注意：import路徑要寫完整，跟webpack和node有差別
// 被支持的幾種路徑寫法
import module from 'http://XXX/module.js'
import module from '/XXX/module.js'
import module from './XXX/module.js'
import module from '../XXX/module.js'
// 不被支持的寫法
import module from 'XXX'
import module from 'XXX/module.js'
