导入js文件或模块

导入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"})

);