初粗尝前端工程

最近几天沉迷搭建博客，学习了各类nodejs工具，总的来讲是这些：

• webpack

  • style-loader

  • css-loader

• express

• react

  • babel-loader

• styled-components

• forever

react、webpack这些工具以前也有尝试着学习过，可是始终沉不下心来好好学，最近比较有时间，也打算参与学校一些项目了，又有个小伙伴和我介绍了怎么经过RESTful来实现先后端交互，我一时有了动力，好好了解了一下，这几天便浸泡在里面去了。

下面就来简单地介绍下，如今这个阶段我对这些工具的理解吧。

webpack

webpack是前端工程打包工具，更加鲜活一点，我以为其作的事情能够至关于咱们的“胃”作的事情：多进一出。

webpack官网这个图挺形象的

为何须要打包呢——为了保证网页载入速度。如今浏览器处理js文件的速度已经很是快了，因此拖慢网页载入速度的主要是资源请求耗费时间，简单来讲须要请求的资源的个数越少那就越好，网页载入得就越快！

而由于模块化，入口文件可能会和各类文件存在依赖，而其依赖又会有依赖，因此一个入口文件，往外扯就有可能会同时扯出各类各样的文件，如此，资源请求数就比较难把控了，因此要打包到一块！

而打包文件，就是将这“团”文件打包到一块后的结果。

固然我以为这个更像，特别是在webpack -p 以后

所谓多进一出，在这里指的是：处理入口文件而后再吐出打包文件。

比较有趣的一点：webpack最近开了周边商店，你们能够去官网看看。

style-loader & css-loader

style-loader和css-loader是webpack的插件。

...我先去写下数据结构的做业...