<script> 태그에 type="module"을 추가해야 import/export 기능을 사용할 수 있습니다.
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>import/export</title>
<script type="module" src="./main.js"></script>
</head>
<body>
</body>
</html>
export
utils.js
export const a = 'A'
main.js
import { a } from './utils.js'
console.log(a) // 'A'
export default
이름 없는 값을 export 할 수 있습니다.
utils.js
export default 'A'
main.js
import a from './utils.js'
console.log(a) // 'A'
그 외 사용 방법
utils.js
export default 'A'
export const b = 'B'
export const c = 'C'
main.js
import * as utils from './utils.js'
console.log(utils.default) // 'A'
console.log(utils.b) // 'B'
console.log(utils.c) // 'C'import { b, c as alphabet } from './utils.js'
console.log(b) // 'B'
console.log(alphabet) // 'C''JavaScript' 카테고리의 다른 글
| [JavaScript] 파일 업로드 (1) | 2024.06.04 |
|---|---|
| [JavaScript] 파일 다운로드 (0) | 2024.03.07 |
| [JavaScript] try catch (0) | 2023.12.21 |
| [JavaScript] 숫자 추상화 (0) | 2023.12.20 |
| [JavaScript] 순수 함수 (0) | 2023.12.20 |