00:01
下面呢,我们最后需要观察一下compiler对象,还有这个compil对象它到底长什么样子,里面有什么内容,因为后续我们在执行定义插件的时候,我们要用上这个对象上面这些属性和些内容来完成一些相应的操作,所以我们必须要观测一下。那么我们现在就打印一下这个compare的对象。别打印一下对象。随便挑一个打印就好了,他打印快慢都没关系啊,反正这里有就行。好,这时候我们来看效果。好,这时候他打印出来了,那么因为这个对象上面有非常非常多几十个属性,所以打印出来的效果就长这个样子,它里面内容杂乱无章。非常难以观测里面的具体内容,甚至咱们整个控制台都打印不完全它的这个数据。
01:03
所以现在这个样子去查看它数据的话,非常难受啊,那么如果不查看的话呢,咱们pad中又没有文档去说明这个上面有哪些属性,那这样呢,对于我们学习来讲是不好的。那该怎么办呢?诶,这个时候呢,我们就教大家使用no的调试的方式来去对它进行调试,那么调试的时候我们就可以对它进行啊这个数据呢进行观测了。首先调试的第一个方式,在这里要打个第八个。它的断点,那么程序运行到这个13的时候,它就会停住。好,那么接下来怎么办呢?我们写一个指令啊。在拍中我们配置个指令。OK,这里面呢,其他的内容,它这里我们之前没有创建好啊,没关系,我们把这个script加上就好了。它有内包啊,这些我们也可以加上。
02:08
别的有没有无所谓啊,我们接下来写个第八个。第八个指定的就是我们要去note调试,它有个指定叫杠杠PE。干BK。啊,Inpe的意思就是调试干BRK呢,就是在首行打一个断点。在首行打一道,也就是说程序一旦运行,第一行就会停下来。我们需要第一行就停下来。然后要运行什么呢?要运行的是no models下面的外派干CI。中的那个可执行文件CDS。一旦运行这个文件,你可以理解为就是执行外派指令,执行的时候它自动的会加载派里面的内容,同时注意它第一行就会停下来,那么我们好调试了。下面我们来运行啊,N PM run debug。
03:05
好,这时候呢,程序会在停住,我们要调试的话,得去打开VSQ,打开我们的这个form浏览器,任意的窗口都行,右键检查。好,这个时候呢,我们只要刷新一下,诶,或者稍等片刻,在这里会出现一个绿色的图标,诶,这个其实一个note调试的一个图标。我们点击这个图标,就会进入no的调试密码,那么在这里就会调试我们代码。那么我们运行的这个代码呢,它在这里就停下来了。OK,我们。左边是这个文件情况,中间是文件的具体详情,右边就是我们调试面板,其中在这里就可以观察它里面的一些资源情况,一些变量的一些情况。那么我们直接点这一个按钮,这一个按钮呢,会快速运行到下一个打断点的一个位置,我们前面刚好在那个法这里打到第八个,那么一点击,诶,它就会停在咱们插进这个第八个这里。
04:04
对吧,这个时候我们在这里,因为程序停在这意思就是下面代码还未执行,但是上面代码已经执行完了,所以这个compile了对象已经执行完了,在这里我们可以看到comp对象的一些内容。它有con方法,代表当前的这个目录,执行的目录,它有这个options里面有我们所有的配置啊,什么entry入口啊,Output输出啊,Module rules里面logo的配置,Output输出的所有内容都在这。啊,Plugs我们定的插件都有。Options就是我们在PE conve里面报的那个对象,就在这个options里面。然后output file system用来操作文件的。同时这个输出文件路径呢,他在这里直接写了output pass。在这里直接用啊。
05:01
好了,大概这个就是comp对象的一个样子啊,后续呢,我们会用上比方说options啊,就是这些操作文件系统的一些方法来完成我们的一些操作。那么我们要想看这个。Comp长什么样子呢?我们需要在这个要看到的位置打个断点,在这里可以直接打断点,然后点击第一个按钮,让它快速运行到下一个断点位置。OK,运行到这,那么这个时候呢,我们就能观测compilation对象的一个情况了。开发类似对象呢,它包含对疑似对资源的构建,所以这里面会包含我们要处理的资源文件的一些情况,那么这里呢,它首先处理的是啊,这里面要处理的资源有图啊,这个HL有JS,有各种图片。那么J呢,打不到GS里面去了。然后呢,通过access可以拿到这个资源的所有所有资源,它的key呢是资源名,Value是资源的具体内容的一些情况。
06:00
K是资源名,是资源的具体情况。呃,然后呢,还有什么串啊,咱们那些打包生成的要打包的那些块等等啊,然后还有这个当前的一个harsh值,For哈值等等,还有这个。呃,Options这些也能拿到,反正就是这上面呢,有很多很多属性啊,具体呢,我们未来会用得上的一些属性,我们后面会大家去使用。其实我们后面用上的就是这个access access里面的包含它要输出的所有资源,我们将来要往里面追加资源,就可以往这个access里面加,那么它最终就会以把它输出去,或者我要修改资源也可以去access里面找,然后把这个资源修改,那么最终就会达到我们想要的效果。OK,那么这个就是compilation对象长的样子。我们可以通过调试的方式,既可以看到comp长什么样子,也能看到comp长什么样子,所以这就方便我们将来去,呃,当我们去要去做一些操作的时候,如果忘记这个方法或者是。
07:03
我们不知道有没有什么方法可以做到的话呢,我们可以通过调试看一看这里面的内容,看看这里面内容有没有什么东西能够帮助我去做到的,对吧?那么有哪些属性不清楚,你甚至还可以复制属性,去百度去查询一下这个属性有没什么介绍。好了,那么这里呢,我们教大家的一种调试方式啊,这样呢就能观测我们想要看的一些属性的一些值,那么这样呢,就可以更好的去帮助我们去做一些事情。好了,那么以上呢,就是我们如何在pad中调试,不当插件可以这样调试,Load也可以这样调试,那么如果你有需求,也可以对load做这样操作,但因为load的数据比较简单,所以我们一般就不需要这样做了啊。
我来说两句