一、webpack簡介
1、Webpack 是一個前端資源加載/打包工具。它將根據模塊的依賴關系進行靜態分析,然后將這些模塊按照指定的規則生成對應的靜態資源。
2、WebPack可以看做是模塊打包機:它做的事情是,分析你的項目結構,找到JavaScript模塊以及其它的一些預設,打包為合適的格式以供瀏覽器使用。
二、webpack安裝
1、webpack安裝需要本地環境支持node.js,并且npm包管理器可用;
2、檢查node是否安裝:
已安裝:node -v;
未安裝:全局安裝輸入:npm install webpack -g,但是全局安裝比較慢,可以使用淘寶鏡像:cnpm install webpack -g。
安裝出現報錯時:windows環境——cmd右鍵,以管理員身份運行,然后執行npm install webpack -g;蘋果——sudo npm install webpack -g 按下回車,輸入開機密碼(用戶密碼),回車。
本地安裝的時候,將依賴包信息寫入package.json中
注意一個問題,在團隊協作中,一個常見的情景是他人從github上clone你的項目,然后通過npm install安裝必要的依賴,(剛從github上clone下來是沒有node_modules的,需要安裝)那么根據什么信息安裝依賴呢?就是你的package.json中的dependencies和devDepencies。所以,在本地安裝的同時,將依賴包的信息(要求的名稱和版本)寫入package.json中是很重要的!
npm install 模塊:安裝好后不寫入package.json中
npm install 模塊 --save安裝好后寫入package.json的dependencies中(生產環境依賴)
npm install 模塊 --save-dev安裝好后寫入package.json的devDepencies中(開發環境依賴)
["npm ERR! Error: EPERM: operation not permitted"問題解決](http://www.mamicode.com/info-detail-1495419.html)
3、檢查npm是否可用:npm -v