我是一个react的初学者,在学习的过程中遇到了模板搭建问题,想把自己遇到的问题记录下来,顺便加深印象,有不对的地方请指正。
学习的过程中,我主要感谢两个人的博客:
- http://www.wukai.me/2016/09/14/create-a-react-webpack-es6-project/
- 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
项目步骤
初始化项目
时间: 2024-08-11 01:36:11