温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:00
哈喽,大家好,这个小节呢,我们来介绍一下使用ES6模块规范与NPM包的一个结合使用。那这里呢,我们列一个需求,就是我们想通过几query这个包来对咱们后点HTML这个文件的背景颜色做一个修改,那么这个咱们该怎么去做呢?首先第一步我们要先去安装一下这个几块的包啊,如何来安装呢?在NPM下边安装就可以了啊,就是在命令行NP mi,然后去query安装一下。完成安装完成以后呢,接下来我们到入口文件这块来。好,把这个代码咱们先把它注掉啊,注掉以后呢,我们在这里开始实现我们的需求修改。整个的背景颜色为粉色。啊,那么首先的话,我们要先做一个事情,就是先要做一个几块的导入import Dollar,然后from一个query。
01:00
好,大家看语法,这是ES6啊,导入NPM包的一个语法啊,这个作用其实跟原来我们使用common GS那块是一样的,就类似于这样的啊,我们来写cost,然后等于一个的query。哎,跟这个功能是一样的,好,那下边的话咱们开始修改背景颜色Dollar,然后body CSS。等于一个pink OK搞定,那么搞定之后啊,我们的访问浏览器可不可以呢?啊,显然是不行的,好,为什么呢?因为咱这个打包文件没有变化,所以咱们还得重新打包,好调出那两个命令来,背包src-D撬回车。然后再来用做一个重新打包。OK,搞定,然后点开浏览器看一下,此时我们的背景颜色就变成了粉色,呃,也就是说我们以后在ES6的模块化代码这块,你要想使用NPM包,第一步的话就是先安装是一样的啊,那么第二步的话就是使用import加变量名from,加上你要导入那个模块的名字,就是NPM包那个名字就可以了。
02:17
好了,那么这个小节关于啊ES6模块化与NPM包的一个结合使用,我们就先介绍这么多。
我来说两句