本文主要介绍了WebPack的基础知识，具有一定的参考价值，下面跟着小编一起来看下吧

1、什么是Webpack WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到Javascr ipt模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，Typescr ipt等），并将其打包为合适的格式以供浏览器使用。 2、为什要使用WebPack 今的很多网页其实可以看做是功能丰富的应用，它们拥有着复杂的Javascr ipt代码和一大堆依赖包。为了简化开发的复杂度，前端社区涌现出了很多好的实践方法 a:模块化，让我们可以把复杂的程序细化为小的文件; b:类似于Typ

上一篇我们谈了谈如何配置react的webpack环境 react入门之搭配环境（一） 可能很多人已经打开过官方文档学习了react的基础知识 不管有没有，在介绍react之前，我想先介绍一下react-bootstrap 先懂得使用别人造的轮子，就能更快成为老司机。 好的，源代码奉上： git clone https://github.com/lingjiawen/react_bootstrap_demo.git cd react_bootstrap_demo npm install np

首先在学习这门框架前，你需要对以下知识有所了解：      1.原生JS基础      2.CSS基础      3.npm包管理基础      4.webpack构建项目基础      5.ES6规范 以上五个知识点也是目前学习其他前端框架所必须了解的前置任务。 JS和CSS就不多说了，npm是目前最提倡也是占据主导地位的包管理工具，还在用bower或者其他工具的童鞋可以考虑下了。而webpack作为新一代打包工具，已经在前端打包工具中独占鳌头，和Browserify相比也有很大优势。至于E