19-尚硅谷-webpack从入门到精通-性能优化介绍

已经学习完了整个的这个开发环境配置，学习完了这个生产环境的一些基本配置。那么来到下一章节呢？我们要开启新的篇章，来学习PA的一个优化配置。这个优化配置呢，对咱们啊非常的重要啊，第一点啊，它是作为一个合格的一个外派工程师必备的一些技能。那么第二点呢，也是大家将来啊，出去面试的时候，面试官呢，最喜欢拷问你的点。好，那么我们这个优化配置到底分为哪些方面呢？接下来我们给大家做一些介绍。我们打开Vs code啊，在这里面再新建个文件夹。叫做时期咱们优化配置的一个。优化啊的介绍。我们介绍一下里面的内容，好在这里面呢，我们新建一个read me文件啊read me。文件在这里面呢，我们写上一些注释啊，我们要知道我们将来呢，优化配置这块呢，要做哪些事情。

不能代表性能优化啊，WiFi性能优化。那么性能优化呢，从环境角度上讲呢，它分为两种，一种是开发环境性能优化。对吧，一种呢，就是生产环境性能优化。好，那么开发环境性能优化要做什么事呢？对吧，我们来看啊。开发环境性能优化，无非就是要优化它的IPA的一个性能。而这个性能啊，从两个方面来去看啊。第一个方面就是优化。咱们的。打包构建速度。好。一旦你优化了打包自己速度，那么速度就快一点，速度快一点呢，当我们去运行外pad的时候就更快，我们能更快的看到效果，那么对于我们一个诶开发者来讲呢，它会更加友好啊，所以这是一种优化，同时呢，当我们将来项目体积越来越庞大啊，代码量非常非常多，它速度呢会越来越慢。

啊，如果你进行了优化，那么速度更快的话呢，我们调试开发会更加友好，所以我们得优化这个速度。好，那么这里面呢，我们后面会有一个HMR功能来去做。除了要优化速度以外呢，我们还要哎优化这个调试功能啊。优化代码调试啊，因为我们是开发环境，我们想要，诶我这里出错了，你要告诉我源代码出现在哪里啊，你告诉我这些错误出现在哪里啊，这里面呢，我们会用一个浏览器的技术source map来去做这个代码调试的一个优化。好，那么开发环境呢，主要是这些啊，因为开发环境主要是让代码能运行即可，那么在运行的时候呢，让它速度更快，调试更加友好，那么就足够了。

所以这是我们的开发环境的一些优化的一些角度啊，那么生产环境我们要做什么事呢？哎，生产环境啊，就只需要代码上线运行即可啊，不需要调试，所以生产环境呢，我们大多数，哎，第一个也是让打包速度呢更快一些啊，不能太慢了。那么太慢了，我一定要等非常非常久，那么太那不行。那第二个呢，还要优化。优化代码的性能。还优化代码运行的性能啊，我代码呢，将来要是在咱们在咱们的浏览器中运行啊，如果性能太差的话呢，用户体验就不好，那么就会造成用户的流失。所以它性能越好的话呢，理论上我们的用户呢，啊，他的一个啊留存度就会更高。所以呢，我们需要把性能呢做到及最好最好，那么所以我们要进行一系列的措施来去做这些事。

好，所以你能看到啊，同样的开发环境和生产环境呢，都得优化这个打包构建速度啊，那么他们得出从不同的角度去做。那么生产环境，开发环境呢，就是开发环境呢，它需要做调试这一块呢，要做的更友好一些。而市场环境呢，就是要让代码的整体性能更好一些啊。所以呢，从这一点来讲，他们稍微有些差异啊。那么好，那大家呢，需要先认识一下我们从哪些角度做些哪些事情，那么下面我们就给大家先带来开发环境优化，诶，再接着呢，我们来再看生产环境的一个优化。