导入js文件或模块

 

import 可以静态导入js文件(和script引入一样的，注意script的type值为module):

页面加载就引入该JS文件，路径可以写相对路径和绝对路径都可以；

注意：

导出模块的话有两种方式：

1，export  default  “你好”；

引入：import any from './......路径';（any是自定义的一个名称，可以当做变量直接使用）

2，export const time="十二点"；

引入：import { time as abc } from './......路径';（必须加大括号引起来！as可以将导入的模块名称起别名）

如果需要动态引入，可以使用import('./路径');为promise对象，引入成功直接.then(res=>{

                               ...操作...

});(注意在res中可以使用引入的文件！) 

  import("https://code.jquery.com/jquery-3.3.1.min.js").then(res=>
                $("body").css({background:"blue"})
            );