00:01
好,这节课呢,我们来总结一下我们写的所有的开发环境的配置。一起来回顾一下。开发环境下的,我们要做的就是编译代码,能让代码能在浏览器运行,同时做一些兼容性处理呀,做一些代码检查,对吧,以及自动化让开发更方便的一种一种方式。那么我们在写的时候呢,首先写了个配置文件wepas。那么在这里面写上以上的这些配置。即可配置呢有N是入口,指定外派从哪个逻辑开始打包。有输出指定PE这个打包后的文件输出到哪里去?Your module,这里是low的加载器。No的作用呢,就是帮助ipad识别它不能识别的模块,比方说CS啊,图片啊这些东西。插件就是扩展更多功能啊,有些功能呢,是通过插件来完成的。还有开发服务器,能够让我们开发的时候能够自动化,自动编译打包,非常的方便。
01:05
以及要指定我们的开发模式,因为我们先搭建的是开发模式。输出的时候呢,我们需要指定输出的目录,是所有资源的输出目录,所以统一输出到D层下去,好,这个入口打包的文件的输出到哪呢?我们在这里指定它的目录是JS目录。同时把上次的结果清空。那么其实这个肯定认为处呢,现在就已经没用了。因为低于三呢,没有任何输出,所以你这个写或不写都无所谓。写不写都没关系。因为他没有输出,所以你清空也没法清空。好,那么接下来呢,这里有这个加载器。加load的配置,我们处理了CS资源,用的是CS load和s load,我们处理了less资源,加了个less load处理了S资源,加了个s not处理了三的资源,加了个3NOT。图片资源呢,用的是PE内置的功能,只要写type为set就可以去处理了。
02:06
其中type呢,它会对小于某个大小的图片进行转备,64格时,那么具体配置就是要写这个pass配置。那么这样的话呢,就能够让他减少请求数量。当然有点小,缺点就是体积会比它稍微大一点点,但是大一点KB那就无所谓了。同时,我们希望每个文件输出的路径要保持格式一致,所以我们写了它输出的路径。其他资源呢,我们统一都用access resource来处理,这个处理的非方式的特点就是原封不动的输出,你之前是咋样输出还是咋样。所以这个东西能够处理剩下的所有资源,剩下所有资源呢,将来你有什么不同资源,就往后面加文件扩展名,那么我们就可以统一用这个漏处理。然后呢,我们还有用blo yes it做的处理,Blo的配置非常简单,关键是要写这配置项,需要用智能预设来编译这个E6的语法。
03:07
Ex in的配置呢,在这个插件这里面有e in的配置,那么同样的他也是要写配置文件来去做,指示他干活。同时,我们如果用了这个Vs code的插件来做E的提示的话,我们还要忽略咱们的地层下面的东西。然后呢,我们啊,最终还用了HM插件去处理HM文件。原因就是我们希望它自动引入打包输出的东西,所以这样的话呢,会更加方便一点。最后呢,我们为了开发方便用的DV server,那么一旦用DV server呢,变化有两个,第一个是指定变了,变成n pxpe server。第二个呢是它没有输出了,它是在内存中B打包的,所以我们前面的肯定为触,所以就注视掉了,因为不需要了,加或者不加都没都都不重要了。
04:02
好了,那么以上呢,就是我们啊。写的所有内容。开发环境呢,大家一定要先搞清楚,那么后面我们才好搭建这个生产环境,也就是生产模式。
我来说两句