Skip to content

Latest commit

 

History

History
26 lines (21 loc) · 1.01 KB

模块概念.md

File metadata and controls

26 lines (21 loc) · 1.01 KB

模块化

es6模块

在node中使用es6模块

  • es6模块使用import导入文件,export导出文件
  • import { test } from './test.js'
  • import default from './test.js'
  • import * as all form './test.js'
  • import default, { test as alias} from './test.js'
  • export default 只能是值
  • export expression 可以是任意类型
  • export * form './test.js'
  • export { test } from './test.js'

在浏览器端使用

  • 使用≶script type='module'>
  • 在script内导入文件,使用import和上述方法一样.
  • 在标签内在默认是异步的延迟加载。
  • 静态加载 import { test } from './test.js',不能在大括号内导入
  • 动态加载 import('./test.js')返回的是一个promise,可以在大括号内导入,需要加载的时候再加载
  • ≶script type='module'> 和<script nomodule>,当遇到不能使用module的浏览器时,会被解析nomodule中的脚本。
  • 写路径的时候,要写绝对路径的话,要加协议。
  • import文件.meta代表服务器地址