什麼是webpack呢？
webpack是一個模塊打包工具。
有什麼作用？
1.支持模塊化開發：怎麼支持呢，比如我們在webstorm寫一些CommonJS規範的語法，還有AMD,CMD（這些是啥自行百度），不會執行這些語法，因爲webstorm沒有底層環境來解析這些高級語法，也就是它看不懂這些是啥！！而webpack有這個環境，提供了底層環境，有了webpack，這些語法就可以被底層解析，從高級變爲普通，從不懂變爲懂。
2.進行打包：也就是處理這些文件之間的關係，關係再複雜它也會分析清楚依賴關係，然後進行打包（打包顧名思義就是合併成一個或多個包）。
在我們開發的時候，爲了代碼簡潔，邏輯清晰，好維護，我們經常會使用less,es6,commonjs等這些兼容性差，而且瀏覽器不能識別解析的語言，等開發完成，如果我們不使用打包工具對項目進行處理然後部署到服務器的話，用戶從瀏覽器請求數據的時候，有些代碼瀏覽器就不會支持和解析，影響整體功能和效果！！！！因此我們要使用打包工具，把這些代碼轉換成瀏覽器能識別和解析的代碼：less----->css ts------->js 等
怎麼安裝呢？
安裝webpack首先需要安裝nodeJS,因爲她依賴nodejs的環境，nodejs自帶了軟件包管理工具npm
https://www.webpackjs.com/guides/installation/
可以參照官網進行安裝，如果你要分析裏面的代碼，可以安裝指定版本號3.6.0，因爲vue cli2依賴該版本,vue-cli3.0所依賴的webpack版本文件有變化，不利於分析代碼。
npm install [email protected] -g //全局安裝
局部安裝的話需要在你的項目下安裝：
npm install [email protected] --save-dev //局部安裝
官網原話：我們建議本地安裝。這可以使我們在引入破壞式變更(breaking change)的依賴時，更容易分別升級項目。
如果以上有誤，請留言，勿噴！
推薦這位博主解釋webpack的文章，通俗易懂：https://www.jianshu.com/nb/23422002