00:00
就是最后我们用第四步使用命令执行web派打勾，而它的命令有两种用法啊，咱一个都试一下，先用第一种方式，直接你写个web pack就可以了，那我们来试一下啊。大家看啊，我这里边想达到的效果就是把打包的文件放到Dis中，最终名字叫bund DS，我想这么来做，那咱来试一下啊，怎么做呢？我现在把这个webpa DEMO这个项目用终端打开，然后打开之后咱直接输入命令，命令就叫做外部派，就这命令，然后咱们一回车，咱们看效果啊，当然前提条件哪些插件要先装好啊，我这个应该提前都装过了。然后咱们看结果啊，可能稍微慢一点，咱们多等一会儿啊，就你按照我上课说这个过程，就第一步这必须要装上，然后第二步写文件，第三步配置文件，第四步用命令打包啊，现在应该可以了，然后大家看啊，这里边就打包完成了，里边有一些信息，但是打包之后呢，大家看啊。
01:08
在他的最后这位置有一个提示，这个东西就是一个警告，这警告呢，就在运行不影响啊，咱们可以先忽略，咱们看结果。大家看啊，现在在这个第四个里边多了个文件，是不是叫帮点JS，这文件就是咱们最后打包之后那个文件，他把这三个JS中那种在帮中都有了啊，里边就都包含进来了，这是啊，我们看到这个效果，然后他现在默认打包是这种形式。啊，大家看这结果啊，你注意看啊。什么形式呢？它所有内容都在一行显示，就他把这内容给我们做了一个压缩在一行显示啊，默认这种情况，因为这种形式呢，我们肯定不习惯，咱习惯更更是那种有缩进效果，但是这个计算机它喜欢这种方式，所以它默认直接给你压缩成一行进行一个显示啊，这是我们做的一个打包，咱就这么来做啊。
02:07
但是这个过程中呢，虽然咱能实现，但是它在最下边呢，出现了一个警告，这警告我们来看一下啊，看这警告是什么。我给他啊，打开一个文件啊，咱们看一下啊。到这里看一下。啊，就是。这段警告，嗯，咱们这么看吧啊。我用这个这么来看啊。来看这个警告什么意思啊，那比如说往下看啊，给大家强调啊，这一段虽然是英文，但我要求各位啊，应该能大概看懂这段话是什么意思，然后各位能看懂啊，咱不需要把所有单词都认识，咱就找几个认识单词，这段话我觉得我们应该能看懂啊，咱就看这什么意思啊，他就告诉我们啊。你现在这么运行有警告，但是为什么有警告，他告诉我们为什么出现警告，看这里写出来了，这里写到啊，看第一句话这句话。
03:01
大家看啊。他说这个叫mode mode是不是叫模式啊，这个单词叫option，大家要认识啊，它有选项意思。我觉得各位应该都见过啊，咱初中做英语那个单什么题目，就optional选择题嘛，就是这个啊，他告诉我们说这个Mo的这个选项怎么样没有被设置，也就是说你在执行命令的时候没有设置Mo的选项，所以它出现了警告啊，这句话可以这么来解释，然后怎么做呢？他告诉我们啊，就是现在这里边又标注我们，告诉我们说现在啊，如果这句话你看不懂，你可以先跳过去，咱看我们能看懂的这句话，这句话说的最明确。那怎么做？现在你要set mode的这个选项，就是设置mode的选项可以用什么，这个叫development，还有一个叫pro pro这么一个东西，这两什么意思呢？Development咱说过DV就是开发环境，Prod就是咱说那个生产环境，也就是说让他没有警告怎么做，咱们来设置它的mode，要么你写这个，要么写它，要么写生产环境，要么写这个就是开发环境，这是他这一段英文的一个解释。
04:15
邀各位啊，这个能给他大概看懂是什么意思，因为咱后面这种会经常看到它的提示，基本上都是英文啊，你要能知道它是什么意思啊。模式就这个选项没有设置，然后设置的话，要么用开发环境，要么用生产环境啊，这是它一个说明，那咱下面啊把这个来试一下啊，看怎么做。做法很简单啊，咱就直接在外B还后面加个参数叫杠杠mode，后面加上要么是这个开发环境，要么是生产环境，就是要么加这个，要么加这个都可以啊，那咱们最终测试一下啊，就是看他加完之后警告能不能去掉，但是有警告运行咱们不不受影响啊，只是说啊，我们想看到这个警告，咱可以改一下啊。
05:03
这个我先删掉。咱重新测试啊。然后怎么测试，还是用这个web派，加上一个叫杠杠mode，等于里边这个值要么是开发环境，要么是生产环境，比如说我们写一个开发环境，就这个development，然后现在我E回车。大家看啊，这个文件我已经删掉了，然后你看啊，现在这过程中警告是没有了，然后这个文件也有了，但你发现啊，开发环境文件它不是在一号。是不是就是多行显示给你多行做到了，就是如果说你改成这个生产环境也是这个值啊，如果你写成它，那它在一行显示啊。这个啊，是咱们说到的这么一个怎么去警告，咱加上这个Mo的这个选项就可以了啊，所以咱们把这个就完成了啊，就关于啊。咱们这个最终的打包这个过程，然后这个都完成之后呢，最后咱们把效果咱来测试一下啊，看一下这个最终的效果。
06:09
我说一下怎么测试啊，给大家小这个位置啊。就咱们的这里头写一个就是最终的测试。那我们的测试方式怎么做呢？我在上一个提到了，因为咱们现在啊，在这个文件中呢，我是写了这段话叫document.right这段话呢会在浏览器中输出，所以咱需要用到浏览器，也就是说我用GS notde JS这个效果看不到，咱需要把这个JS引入到一个H条页面中来看到，要不然你浏览器中页在控制台中看不出效果，浏览器中才可以看到，因为咱们在这里边都做了输出啊，那我就这么来做啊。那咱现在在里边呢，我建一个HT文件，比如我叫零一.html然后在文件中就直接引入这么一个JS文件，就是咱们刚才打包之后那个文件，我们叫src。
07:07
然后叫这个E里边这个b.S。大家看啊，这文件是咱们打包之后文件，然后把它执行，就看一下里面这些值能不能输出，因为咱们做了这个调用啊，在info里边它会输入叫hello common，还有一加二的这个值啊，这个啊是咱的使用，咱就这么来做。测试方式。我需这位置啊，咱们的测试方法就是创建一个HT文件，然后引入你打包之后的JS文件，然后我们使用浏览器来查看它的效果。啊，咱就这么来测试啊。那现在这个我们已经给他。引进来了啊，就这个代码，然后最后再来测试一下啊，我现在直接右键用浏览器打开，然后咱们看它的结果。
08:02
大家看啊，在浏览器页面中输出的内容是不是叫hello common3，这hello common3应该就是我里边写的这个纸，还有一加二的纸。啊，所以这个啊，我们就最终做到了啊，这是关于JS的这么一个打包啊，咱们完成啊，所以大家这过程能自己测试出来就可以了啊。咱们说完了啊。我把这个。
我来说两句