ES Module的基本用法

最新推荐文章于 2024-08-10 07:48:27 发布

Enno.Z

最新推荐文章于 2024-08-10 07:48:27 发布

阅读量3.5k

点赞数 2

分类专栏：大前端笔记

本文链接：https://blog.csdn.net/weixin_42717027/article/details/110451264

版权

本文详细介绍了ES Module的基本用法，包括import导入、export导出、export...from...的导入导出方式，并探讨了其在浏览器环境中的兼容性问题。通过实例解析browser-es-module-loader模块，你可以查看并理解模块的完整代码。

摘要由CSDN通过智能技术生成

import 导入

6种：./export/app.js

// import...from... 必须在文件的最顶层，最外层的作用域,
// 路径可以是相对路径【或根目录下的绝对路径，或应完整的url（说明可以引用cdn上的一些文件）】，但不能以字母开头【js会以为是加载第三方插件】
import {
   name} from './module.js' 
import {
   name} from '/2-2/export/module.js' 
import {
   name} from 'http://localhost:3000/2-2/export/module.js' 

console.log(name)

// 只执行某个模块，不提取，多用于加载其他项目中的子模块
import {
   } from './module.js'
import