最近在學Vue.js，是我接觸的第一個前端框架。本來感覺還不錯，各種驚嘆於它可以用很少的代碼寫出那種具備交互能力的神奇模塊。
在學的過程中總是能碰到一個叫webpack的單詞，查過，是一個模塊打包器，由於Vue的官方文檔總是很溫馨的提示說要是以前沒接觸過這個，可以暫時跳過，所有一直都沒深入去了解。
可是當我學到一個叫單文件組件的東西的時候，發現不去了解webpack真的寸步難行，於是……今天炸了一天😭，因為mac系統的操蛋特性（不全是），就單單是安裝webpack這一個操作跳出的error數量真的一言難盡……
進入正題：
【安裝】：
-
前往Node.js的官網下載並安裝它。（建議選擇LTS版本，以前了解過這個也是一個前端框架，是用來在服務器端使用JS的，需要借助它的npm來安裝webpack）
-
查看webpack官方文檔，說是建議采用本地安裝，兜兜轉轉我最終還是用了全局安裝，輸入以下命令：
sudo -s
npm install webpack -g
（sudo -s是為了獲取安裝權限，不使用它會出現一大堆error，然后安裝完之后會有一些警告，不用管，那個貌似是說缺少一些組件）
-
千萬不要以為現在就能進行打包了，打包命令都是以webpack開頭的，現在進行打包會報錯：Command not found要想能夠使用webpack命令，還得安裝CLI：
npm install -D webpack-cli
（注意：必須在上一步產生的webpack文件夾中運行指令，路徑user/local/lib/node_modules/webpack）
-
這個時候仍然無法運行webpack命令，會報錯：Cannot find module 'webpack'，運行一下指令即可解決：
npm link webpack
-
現在可以正常使用webpack了，如：
webpack ./main.js --output ./dist/bundle.js
（相關知識查閱webpack官網）
測試過，可以正常打包了，可是要想結合Vue使用單文件組件，還得安裝一些loader，目前處於崩潰狀態，怎么弄都不好使😤😤之后再研究吧