一位从小白到前端架构师精讲：Webpack + React全栈工程架构项目来吧

现代前端开发中，写页面是非常基础的工作，学会如何搭建工程让项目运作起来，这已成为前端薪资议价的一个标准。

前端架构：React+Webpack

本期分享内容：采用React开发，带你一窥前端架构师的工作。

提到React，就不能不提到一个高效的单页面应用工具：Webpack。首先，你真的了解Webpack吗？

浏览器不能直接运行jsx，为什么用了Webpack就可以了呢？

为什么能在js里面require图片，css这样非js内容呢？

为什么能够在不刷新页面的情况下展示刚刚修改的代码呢？

如何配合Webpack调试React的服务端渲染？

以上都是Webpack带给我们的问题。

什么是Webpack

Webpack是目前基于React和Redux开发的应用的主要打包工具。当然其他框架开发的应用也有很多在使用Webpack的，如Vue。

[ Webpack的作用 ]

图中已经很清楚的反应了几个信息：

webpack把项目中所有的静态文件都看作一个模块

模快之间存在着一些列的依赖

多页面的静态资源生成(打包之后生成多个静态文件，涉及到代码拆分

如何搭建项目与运作

目前市面上讲框架使用的课很多，但鲜有讲如何搭建工程让项目运作起来的课程。

慕课网新上线的课程《Webpack + React全栈工程架构项目实战精讲》，讲师是一位小白自学成长起来的前端架构师，因此，他非常清楚前端的学习及发展方向，非常了解学习一个技术的方法。和这样的讲师进行学习，你将受益匪浅！

这门课讲师会从架构高度，讲解一个高级前端的工作流。在实战中，教你在面对一个项目时，如何进行技术选型，如何根据选择的技术搭建工程，以及如何进行优化，让团队协作更完美，并很好得控制代码质量，让你向前端架构师迈进！课程详情如下↓

如何报名学习？

学这门课，你需具备以下技术储备：

掌握React基础知识，且有一定的React相关项目经验

了解HTML/CSS/JavaScript/ES6/Webpack

Node.js/Express基础知识

点击下图，购买即可观看

长按二维码

即可关注我们

慕课网

程序员的梦工厂

更多技术干货

等你来解锁