03-尚硅谷-webpack从入门到精通-webpack五个核心概念

现在呢？我们来学习派的五个核心概念打开。好，往上走啊，这是WiFi的五五个核心概念，好，这五个概念呢，分别叫做entry output lower plugs and mode。好五个概念，好，我们首先来看第一个啊，叫entry。Entry入口啊，它指示的是派呢，从哪个起点，哪个文件开始为入口起点开始打包我们的整个啊，咱们的整个项目，并且呢，分析构建起内部关系依赖图啊这样的一个东西。啥意思呢？就是我们啊将来写这个项目呢，有N个文件，有好多个文件，对吧，那么文该从哪个文件开始去打包呢？你得告诉他啊，你得告诉他，比如说告诉他，诶这个文件叫indexs。那么呢，就会以这个S为起点，开始去打这整个项目啊。整个项目当然呢，打包之前呢，先会分析好里面的一个依赖关系图，哎，我这index呢，依赖哪个文件全都分析好啊，最终呢，把这些分析好的这些文件呢，一个个都加载进来，然后进行打包处理。

所以这是entry入口。好奥port呢是输出啊，输出呢指示的是wipa打包后啊，有很多资源，有很多扳啊，那么去哪呢？输出到C盘第一盘一盘还是F盘呢？哎，以及我叫什么名字呢，对吧？哎，这时候呢，就有output来指定我输出到哪里去，以及叫啥名字。啊，这是这个output的主要作用。好，接下来还有loader啊loader loader呢是能够帮PE呢，能够处理那些非JS文件的一些东西。啥意思呢？就是啊，你可以理解为啊派呢，它只能啊处理一些JS和dress文件。一旦我需要处理这些样式文件或者图片文件呢？Wipad做不了，哎，他一处理就报错。所以啊，需要接触load哎，替我翻译一下，替我将个样式呢翻译成派能看懂的东西啊，替我将图片呢翻译成派能看的东西。

哎，这时候啊，我派呢，就能够去处理这些资源。所以load呢，有点像翻译官的意思对吧？哎，比方说将英文翻译成中文，将法文翻译成中文，这时候呢，我中国人就能够识别它，并且能够处理啊，将nes图片资源呢，翻译成我派能识别资源，这时候派就能够打包这些资源了。所以呢，相当于是个翻译官。好了，那么下面还有一个啊叫插件。当意思呢，它可以做一些功能更加强大，范围更广的任务啊，更广的任务啥意思呢？诶，我们是一个翻译官对吧，他只能做一些翻译的一些一些这样操作，如果让load德去开飞机开大炮，哎，去疏通下水皇。管道对吧，他做不了。所以这时候这些任务啊，哎，都得指定交给一些指定的插件去做啊，交给开飞机的插件啊，开大炮插件，疏通下水管啊，这个管道的插件，这时候呢，外派呢，就能做这以上这些事了。

就简单来讲啊，就是呢，只能去翻译一下啊，那么一些要做一些功能更加强大的事呢，我们得去找插件去帮我们去完成。所以呢，这就是这四个概念。四个案件呢，我们综合去捋一下，大概就是诶这儿呢，我有个项目文件对吧，这项目文件呢，是没办法直接运行的啊，比方说它有less写的对吧？啊它里面呢，有一些yes的直接运行会报错的。所以这时候啊，你要告诉他派的一个入口起点一个entry啊，他呢会以这个起点开始去打包整个这个项目。打包的时候呢，你会发现遇到了let资源咋办呢？是吧？诶我有一个load哎，加载一个相应的load load呢替我将let呢编译成咱们we派能识别的资源，能识别资源啊。这时候ipad就能处理了。哎，比方说我可能还遇到图片也是一样的，通过诶编译成咱们wipad能识别的资源，哎，这时候就能处理。

好，这时候呢，我们可能啊，哎，将来还要压缩代码对吧，将样式文件呢压缩起来。那么这个时候啊，就得进入插件对吧，就我进行压缩处理。是不是做一些功能更加强大，不是一些编译操作，不是不是翻译操作啊压缩。对吧，技术插件来做。所以啊，这时候呢，用一些插件来做一些功能更加复杂，更加强大的事。做完之后呢，输出的资源呢，我们叫搬对吧，但是搬呢是我在哎这里PA里面去做好的，那最终我要放到哪里去呢？哎，通过output来指定这些资源去哪啊，这些资源去哪。哎，所以呢，这就是这四个的一个联系啊，Entry只是从哪开始打包呢，从哪输出啊呢，帮助pad识别那些非GS文件啊，插件呢，做一些功能更加强大的事啊，包含什么优化啊，压缩啊，定义环境变量等等。啊，现实。

好，除了这四个以外呢，我们还有最后一个叫做模式mode啊。这个模式呢，这里面我们就给大家介绍一下啊，模式分为两种，Development开发模式和咱们的生产模式。那么development开发模式什么意思呢？就是能让我们代码在本地能够调试运行就OK了啊。智能代码在本地能够基本的运行，那这就是我们所谓的开发模式。那么生产模式是什么呢？就将来啊，我代码要上线运行啊，那么我们要考虑啊，各种各样的优化措施，以及兼容性处理，那么这时候呢，哎，我们就得通过写生产环节的配置来帮我们把这件事做好。所以通俗来讲就是开发模式呢，配置呢，会更加简单一点啊，代码能运行即可。生产环境呢，考虑的点呢，就更加复杂一点，我代码呢，要不断的优化，把它最性能最好，这时候呢，用户访问的时候呢，就会诶更加流畅更加快。

开发模式呢，会自动启用一些插件啊，那么生产模式呢，也会自动启用一些插件，那么明显对比啊，生产模式的插件呢，会比开发模式多得多啊，因为生产模式需要做的事呢更多一些。好，那具体这差距代表什么含义呢？大家不用操心。接下来呢，我们就来检验一下这两种模式之间到底有什么区别。好，那么我们呢，先讲到这儿。到这呢，大家呢，先要理解这五个概念代表什么含义啊。那么后面呢，我们再来大家去用一用这ipad到底是如何使用的？好，那同学们清楚了这五个概念吗？