初粗嘗前端工程

最近幾天沉迷搭建博客，學習了各類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的插件。

...我先去寫下數據結構的做業...