欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

导入js文件或模块

程序员文章站 2022-04-18 13:03:18
导入js文件或模块 import 可以静态导入js文件(和script引入一样的,注意script的type值为module): 页面加载就引入该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"})

);