11-尚硅谷-webpack从入门到精通-构建环境介绍

接下来呢，我们再来环境的介绍。那么第一点就是我们要总结之前的这个开发环节的内容。那么第二点我们就要开启接下来的我们生产环境的一个介绍。我们来到我们的课件啊。在之前呢，我们其实已经介绍过两种模式，开放模式和生产模式。其实他们就应着我们接下来要解释的这个开发环境和生产环境。而所谓的开发模式是开发环境，指的就是能让代码呢本地调试运行的环境，对吧。好了，那么这里能让代码本地调试运行环境呢，我们说详细一点，诶就是啊，我们写的原代码里面包含什么YES6的语法啊，包含let文件，然后呢，要经过的一些处理啊，编译处理，比如编译CS，我们的语法呢，编译识别的语法。然后输出的东西呢，搬诶这个资源文件呢，就可以被浏览器所运行了。那么所以我们就要去搭建一个这样的环境。

那么这个环境呢，为了方便，为了让程序员呢，更加轻松，更加方便啊，所以呢，我们还加了一些自动化的工作。哎，比如说自动打开浏览器，自动刷新，自动编译等等一些操作，哎，让我们的效率呢更高。所以这就是我们开发环境所做的事情。那么生产环境需要做什么事呢？哎，我们说生产环境呢，是能让代码优化上线运行的环境。那譬如说我们要做些哪些事情呢？比如第一点啊，我们啊，回到头来看我们的样式啊，我们样式呢，在经过之前处理呢，它是整合在JS中的啊，因为有C将文件整合到JS中。而我们如果压制在GS中的话呢，那么会让GS体积变得非常大，下载速度就很慢。同时呢，诶，因为它是先加载JS才能通过创建style标签插入到页面中，那么这里又会出现闪屏现象啊，所以呢，我们要做的是呢，需要将CS中CS文件从GS中提取出来。

对吧，就是这个。第二点诶对代码呢，我们都要统一的进行压缩啊，对代码进行压缩。我们写C代码这么长，我们写JS代码这么多，包括HM代码也很多，我们需要做压缩处理，对吧。好，然后呢，还有什么呢，还有就是我们的样式代码呢，和一些部分GS代码呢，是有兼容性问题的。啊，解决性问题。就比方说我样式的一些啊，Flash啊，一些C3的一些效果IM这些东西，它可能需要加一些前缀才能在一些低版本的览器呢来去运行。所以呢，我们也得做些样式和色金融。当然还有很多事需要做的，还有很多事做的，总言之做完这些事呢，第一方面能让我们代码呢，能够更好的运行，更快性能更好的运行。对吧，那代码呢，更快更强。性能更好。然后第二点呢，就是能让我们代码呢，能够在各个浏览器呢，都能平稳的运行，不会出现啊出现一些问题。

就是平稳的运行。所以这是我们要做的一个目的。而因为生产，而因为生产环境呢，要做这些事呢，因为事情呢比较多，如果把这些事情都大在开发环境下呢，在开发环境要做的事就太多了，那么速度就会很慢啊，不利于我们开发。所以呢，这些事情啊，我们要放在生产环境来做啊。好，再说一遍啊，就是因为这些事呢，很多什么压缩啊，这些事呢都很多，像速度呢，相对来讲比较慢啊，如果放在开发环境呢，会极大的拖累开发环境的构建速度，从而让我们打包啊，这速度变得非常慢。所以呢，这些事呢，我们会放在另外环境，也就是我们接下来搭建的生产环境里面来做啊。就这一块。好，那么接下来呢，后面呢，我们会从CS文件开始，一点点的处理我们各种文件，然后呢，把它变成一个性能更好，以及呢，能够兼容啊，一些主流的一些浏览器啊。