資訊專欄INFORMATION COLUMN
摘要：原始的開發模式已經滿足不了呈指數增長的需求了。它承擔起了模塊管理這一重要角色。是個前端小菜鳥，接觸前端不到兩年時間，去年畢業正式參加工作。目前就職于杭州邊鋒網絡神盾局就是這么霸氣。
對于剛進入前端領域的人，特別是還處于小白階段的初學者來說，很多人對 webpack 并不熟知。就像 Light （對，我就是 Light）一樣，剛接觸前端，最關心的就是樣式和簡單的交互了。那時候怎么會知道像 webpack 這樣的高級東西?。∽铋_心的不就是寫幾行代碼，然后打開HTML能在瀏覽器里看到期待的效果么？模塊化是什么鬼壓根不關心好嗎！
對于 Light 來說，接觸 webpack 是開始學習前端很久之后的事了（一直走野路子，沒上正道/(ㄒoㄒ)/~~）。記得那時候，第一次裝 node，第一次用 npm 裝模塊（被墻+不知道有鏡像=安裝總是失?。?，第一次敲 webpack 命令......太多的第一次了，跟進洞房一樣激動?。】傊?，接觸學習多了，就砸開了前端新世界的大門。
扯了兩車蛋，得上點正菜了吧！不想當廚師的程序員，不是個好產品！
那么，到底什么是 webpack？
偷偷百度一下，哦，Webpack 是當下最熱門的前端資源模塊化管理和打包工具。Excuse me！你覺得我剛學兩個月前端，知道什么是模塊化么？知道我不知道你還不解釋清楚？別著急，聽我一一道來：在很久很久以前，一個王子愛上了一個公主，可是，邪惡的女王......呸呸呸！跑題了。前端！在很久很久以前，并沒有模塊化開發的思想，就像我們自己剛開始學習時候一樣，目的就是為了完成最簡單的重構和交互。在 Light 還不知道什么是淘寶的時候，大家這樣擼起袖子搞是可以的，可是隨著前端頁面功能越來越強，應用越來越大。原始的開發模式已經滿足不了呈指數增長的需求了。對于代碼來說，復用性的要求也越來越高，因此，前端社區對于模塊化開發的愿景也愈發強烈。正在這個時候，作為時代的產物，npm 應運而生。它承擔起了模塊管理這一重要角色。簡而言之，就是大家都往 npm 那里放進去我們自己寫的模塊，由它來幫忙管理。任何人都可以從它那下載別人上傳的模塊。就好像你在建一座高墻，一會需要大塊一點的磚，一會又需要三角形的磚，而這些磚可能在以前有人幫你已經造好了，你只需要去 npm 那里運過來就可以直接使用。要是你自己也想造塊磚給別人用，你只要拿去 npm 那里托管就行。
這樣的話，不用自己造每一塊磚了，是不是砌墻搬磚也就不會那么辛苦了？
現在，磚是有了，但要怎么用呢？在我們進行項目開發的時候，往往需要用到相當多的模塊。A模塊可能還依賴于B模塊，B模塊又依賴于其他的模塊......這么復雜的關系，這么多的模塊，難道得我們自己一點一點去拼湊么？就像一開始寫頁面一樣，需要什么插件或者庫，去網上找好寫上地址。這么死板的工作很無聊啊！就是怕你太無聊了，社區便出現了 webpack 這一神器。它的作用是什么？看它的尾巴！PACK！打包??！就是幫你把需要的模塊打包在一起，你只要按它定的規則去搬磚，它就會直接幫你把墻砌好裝飾好再一把甩到你跟前。對，就是這么直接。
ok！試水結束。這是 Light 第一篇要發表的文章O(∩_∩)O~~。要是看官一不小心勿進了咱這黑店，我只能說！交個朋友吧！你看我文章寫得多么清新脫俗、淺顯易懂~ 一看就是個熱愛技術的好青年啊。
（畫風突變，言歸正傳）
其實，很早之前，Light 就有寫文章的沖動。但是技術掌握的都不夠扎實，害怕自己寫不出什么有價值的東西。但過得越久，學習得越多，就越來越發現寫文章是多么重要的一件事情。而且，寫文章的好處多多啊！一來可以溫故知新，二來，要是能幫助到別人，哪怕是一點點，也是很有成就感的啊。所以，Light 決定開始慢慢養成寫文章的習慣。希望自己能堅持下去，然后寫越來越多對大家真正有用的東西。下節介紹下 webpack 的基本配置吧。
哦，對，忘了自我介紹了。Light 是個前端小菜鳥，接觸前端不到兩年時間，去年（2016）畢業正式參加工作。目前就職于杭州邊鋒網絡-神盾局（就是這么霸氣）。最后有我個人的微信號，歡迎大家加我微信，可以一起聊聊技術啥的！
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/81616.html
摘要：不信你命令行里敲個試試敲敲敲當然了想直接運行命令，你需要將添加到系統變量啊。全局安裝相同的，運行命令耐心等待安裝完成后，你的系統變量里就存在命令了，你可以運行下試試。上訴如果有不懂的，歡迎留言。 再一次見面！ Light 還是太太太懶了，距離上一篇沒啥營養的文章已經過去好多天。今天為大家介紹介紹 webpack 最基本的概念，以及簡單的配置，讓你能快速得搭建一個可用的 webpack ...
為什么讀webpack源碼 因為前端框架離不開webpack，天天都在用的東西啊，怎能不研究 讀源碼能學到很多做項目看書學不到的東西，比如說架構，構造函數，es6很邊緣的用法，甚至給函數命名也會潛移默化的影響等 想寫源碼，不看源碼怎么行，雖然現在還不知道寫什么，就算不寫什么，看看別人寫的總可以吧 知道世界的廣闊，那么多插件，那么多軟件開發師，他們在做什么，同樣是寫js的，怎么他們能這么偉大 好奇...
摘要：函數式編程前端掘金引言面向對象編程一直以來都是中的主導范式。函數式編程是一種強調減少對程序外部狀態產生改變的方式。 JavaScript 函數式編程 - 前端 - 掘金引言 面向對象編程一直以來都是JavaScript中的主導范式。JavaScript作為一門多范式編程語言，然而，近幾年，函數式編程越來越多得受到開發者的青睞。函數式編程是一種強調減少對程序外部狀態產生改變的方式。因此，...
摘要：至于我為何要這么做，請聽閏土娓娓道來。那么接下來，正文從這開始熟悉閏土的朋友都知道，我是從時代過來的前端，在剛接觸和這類框架的時候，完全可以用一臉懵逼來形容我，最為貼切。作者閏土少年出處本博客的文章如無特殊說明，均為原創，轉載請注明出處。 showImg(https://segmentfault.com/img/bVZjKW?w=670&h=442); 前言 在我動筆寫這篇文章的時候，...
摘要：前端開發涉及多種工具，這里將常用工具的安裝和配置進行說明，提供了詳細的說明，為后繼的開發創建一個堅實的基礎。是目前最為流行的源代碼管理網站。安裝在繼續學習前，你需要先將命令行安裝到全局環境中。 Web 前端開發涉及多種工具，這里將常用工具的安裝和配置進行說明，提供了詳細的說明，為后繼的開發創建一個堅實的基礎。 本文介紹的工具有：NodeJS, NPM, Bower, Git 和 Gru...
閱讀 2323·2021-11-24 10:33
閱讀 1389·2019-08-30 15:43
閱讀 3283·2019-08-29 17:24
閱讀 3489·2019-08-29 14:21
閱讀 2230·2019-08-29 13:59
閱讀 1742·2019-08-29 11:12
閱讀 2817·2019-08-28 18:00
閱讀 1858·2019-08-26 12:17
