一而晒、webpack簡介
1、Webpack 是一個前端資源加載/打包工具糠赦。它將根據(jù)模塊的依賴關(guān)系進(jìn)行靜態(tài)分析,然后將這些模塊按照指定的規(guī)則生成對應(yīng)的靜態(tài)資源。
2拙泽、WebPack可以看做是模塊打包機:它做的事情是淌山,分析你的項目結(jié)構(gòu),找到JavaScript模塊以及其它的一些預(yù)設(shè)顾瞻,打包為合適的格式以供瀏覽器使用泼疑。
二、webpack安裝
1荷荤、webpack安裝需要本地環(huán)境支持node.js退渗,并且npm包管理器可用;
2蕴纳、檢查node是否安裝:
已安裝:node -v会油;
未安裝:全局安裝輸入:npm install webpack -g,但是全局安裝比較慢古毛,可以使用淘寶鏡像:cnpm install webpack -g翻翩。
安裝出現(xiàn)報錯時:windows環(huán)境——cmd右鍵,以管理員身份運行稻薇,然后執(zhí)行npm install webpack -g嫂冻;蘋果——sudo npm install webpack -g 按下回車,輸入開機密碼(用戶密碼)塞椎,回車桨仿。
本地安裝的時候,將依賴包信息寫入package.json中
注意一個問題案狠,在團隊協(xié)作中服傍,一個常見的情景是他人從github上clone你的項目,然后通過npm install安裝必要的依賴骂铁,(剛從github上clone下來是沒有node_modules的伴嗡,需要安裝)那么根據(jù)什么信息安裝依賴呢?就是你的package.json中的dependencies和devDepencies从铲。所以,在本地安裝的同時澄暮,將依賴包的信息(要求的名稱和版本)寫入package.json中是很重要的名段!
npm install 模塊:安裝好后不寫入package.json中
npm install 模塊 --save安裝好后寫入package.json的dependencies中(生產(chǎn)環(huán)境依賴)
npm install 模塊 --save-dev安裝好后寫入package.json的devDepencies中(開發(fā)環(huán)境依賴)
["npm ERR! Error: EPERM: operation not permitted"問題解決](http://www.mamicode.com/info-detail-1495419.html)
3、檢查npm是否可用:npm -v