温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:00
哈喽,大家好,这个小节呢,我们来介绍一下浏览器当中使用ES6模块化的另外一种方式。在前几个小节呢,我们都是在script的标签里边再去写这个import的语句啊,咱们知道如果说一直这么写这个文件体积啊,这个代码体积会变得很大,所以说咱们接下来的话呢,可以把这个代码放到一个单独的文件里边去进行一个编写。好,那么首先呢,咱们先去创建这个文件app.js。这个文件啊,算作是咱们整个啊GS代码的一个入口。啊,然后在里边呢,我们可以去做一些语句的引入啊,就是模块引入啊,模块引入。比方说我们写一个import,然后星as me from一个点杠,注意路径啊,1.gs。什么意思呢,就是说我们可以在这儿呢,去做一个引入。引完以后呢,咱们在前端页面这块啊,我们在用的时候呢,就得把这个app.gs呢也引进来,诶这个跟之前很像SRCGS下边的app.js但是呢,光写这个还不够,还要补一个type,等于一个谁呀module啊,等于一个Mo里OK保存,然后完了之后呢,下边咱们这个文件就可以像这个之前在标签里边写那个语法一样子去做一个引入了,好了我们可以来一个M1。
01:29
啊,再来一个M2,再来一个M3哟呵。啊,在这儿啊,来个M3,我们把M1M2M三都输出一下log m1,然后M2M3保存。好,你看一下啊,咱们前端页面这块啊,这个标签的内容是都是注释的,然后咱们使用是这样一个方式去啊加载咱们的一个文件,好切过来刷新页面,你看这儿MODULE1的对吧,就是MODULE2的,这是第二个模块的,还有那第三个模块的。
02:04
点开。点开都有啊都有好了,这是咱们给大家介绍一下呢,另外一种方式啊,浏览器当中的使用就有两种情况,第一种情况就是你直接使用标签,在标签里边呢去写这个代码,第二种方式就是用标签src属性去引一个入口文件,然后类型这块设置为module就OK了啊,至于其他的都是一样的啊,该怎么import,该怎么export,那三种语法都是可以用的。好,那么这个小节关于对浏览器使用ES6模块化的另外一种方式啊,我们就先介绍这么多。
我来说两句