Webpack for React Applications React应用程序的Webpack教程 Lynda课程中文字幕
Webpack for React Applications 中文字幕
React应用程序的Webpack教程 中文字幕Webpack for React Applications
了解如何使用webpack JavaScript模块捆绑器优化您的Web应用程序
在这个基于项目的课程中,Alexandru Toea演示了如何使用预先存在的React应用程序 - 以及基本的webpack配置 - 并应用代码拆分等 高级功能
他还演示了如何安装Babel并将其添加到您的webpack应用程序,以及如何将您的应用程序部署到动态云托管站点(如AWS)以改进现有应用程序
完成本课程后,您将掌握配置webpack所需的知识,并使用它来更快地开发高质量的React应用程序
主题包括:
设置Babel
将资产加载到项目中
在项目中使用SCSS
缓存破坏
处理浏览器中的大型JavaScript文件
在应用程序中使用dev服务器
webpack dev服务器的最佳实践
让应用程序生产就绪
使用AWS S3进行部署
- [Alex]您好,欢迎来到我们的Webpack for React Applications课程。
如果您以前从未使用过Webpack,如果您以前曾在React项目中使用过包含奇怪的webpack.config.js文件但从未想过要更改它或者不知道 如何更改它,或者您只是想知道 有关如何更好地优化和运行React应用程序的更多信息,您来对地方了。
在本书中,您将了解Webpack的工作原理,核心功能以及如何使用Webpack改进React应用程序,以及如何使开发过程更加轻松,让您更轻 松 在使用Webpack时开发React应用程序。
我确信你很高兴开始使用Webpack和React,然而,在我们深入研究视频之前,是时候快速介绍了。
我的名字是Alex,我是英国一家领先的交付公司的高级前端开发人员。
在过去的六年里,我一直致力于前端项目,在这段时间里,我为初创公司和大公司开发和部署了大量的网站和React应用程序。
在我参与的每个项目中,我都有两个主要目标。
首先,确保用户旅程尽可能接近完美。
显然你知道一个完美的应用程序不存在,如果确实如此,请让我知道它。
第二,确保部署所有应用程序,用户性能良好,易于部署和维护。
在这个标题中,我们将主要关注后一点。
我们将探讨一些方法,Webpack可以帮助您更好地使用React应用程序,如何使您的开发更快,以及从长远来看如何使其更易于管理。
为此,我们将介绍以下主题。
首先,因为我相信从实践中学习而不仅仅是通过阅读学习,我将向您简要介绍我们将在本课程中开发的项目。
我们将采用一个预先存在的React应用程序来处理一些书架管理,并将Webpack和Webpack中提供的所有技术应用于它,以便提高其性能, 并使其更容易部署到使用Webpack的一些最常见的托管提供商。
之后,我们将把我们预先存在的React项目导入我们的基本Webpack配置中,我们将看到我们需要做什么才能使应用程序运行,我们还将对应用程序进行一些性能调整,以使其更快地进行用户。
在第三部分中,我们将再次学习更多关于webpack-dev-server和一些React特定主题的知识,以便在使用Webpack编写React应用程序时提 高工作效率。
在本标题的最后一部分中,我们将了解如何在Webpack的帮助下将我们刚刚创建的应用程序部署到一些最常见的托管提供商,例如GitHub 页面和Amazon AWS和Elastic Beanstalk。
本课程的要求是拥有Mac或Linux或Windows机器,因此基本上任何计算机都可以,因为Webpack在所有平台上都是通用的。
此外,您还需要了解JavaScript语法。
如果您不熟悉ES6或ES2015,请不要担心,在课程期间将其覆盖。
这个标题的目标是确保最终你能够在任何项目中安装和配置Webpack,使用Webpack创建一个基本的React应用程序,我们还想确保你知道 如何开发React 使用Webpack更快的应用程序和webpack-dev-server的帮助。
此外,如何处理和优化您的资产,即样式表,图像和数据,您还将学习如何通过优化输出文件来提高应用程序性能。
因此,希望在标题结束时,您将学习到为了熟悉Webpack而需要了解的所有内容,您可以更好地了解Webpack的功能,以及它在开发React 应用程序时如何真正帮助您。
所以,不用多说,让我们继续讨论第一部分。
本课程视频下载地址:React应用程序的Webpack教程