学习建立基于react,webpack模板项目

Posted 2020-09-22 ycbeginner

我是一个react的初学者，在学习的过程中遇到了模板搭建问题，想把自己遇到的问题记录下来，顺便加深印象，有不对的地方请指正。

学习的过程中，我主要感谢两个人的博客：

1. http://www.wukai.me/2016/09/14/create-a-react-webpack-es6-project/
2. http://www.jianshu.com/p/42e11515c10f

这两个人的博客写的都非常好，感兴趣的同学可以去看看。

由于我之前没有接触过webpack,所以先学习了一下博客2，然后在按照博客1进行的实现。

什么是webpack?

通俗说是一个模块打包机。它分析项目结构，找到javascript模块以及一些不能直接运行的拓展语言，然后将其打包合适的格式以供浏览器使用。它的工作方式是：把项目当做一个整体，通过一个给定的文件，从改文件开始找到项目的所有依赖文件，使用loaders处理他们，最后打包为一个浏览器可识别的js文件。

项目结构

-src

　　-index.js

　　-App.js

-.babelrc

-index.html

-package.json

-server.js

-webpack.config.js

项目步骤

初始化项目