用win+R打開運行對話框,輸入cmd進入命令行模式,輸入想創建文件的盤符。
如果安裝失敗(出現了報錯信息),一般有三種可能:
- 檢查node的版本號,如果版本號過低,升級為最新版本。
- 網絡問題,可以考慮使用cnpm來安裝(這個是淘寶實時更新的鏡像),具體可以登錄cnpm的官方網站學習http://npm.taobao.org/。往下翻到“使用說明”,復制$后面的安裝命令:$ npm install -g cnpm --registry=https://registry.npm.taobao.org 進行安裝,$符號不要復制!!!。
- 權限問題,在Liux、Mac安裝是需要權限,如果你是Windows系統,主要要使用以管理員方式安裝。
注意:全局安裝是可以的,但是webpack官方是不推薦的。這會將您項目中的 webpack 鎖定到指定版本,並且在使用不同的 webpack 版本的項目中,可能會導致構建失敗。
對項目目錄進行安裝
全局安裝完成后,還要進行一個項目目錄的安裝。在用npm安裝前,先進行一下初始化,初始化的主要目的是生成package.json文件(里面蘊含了豐富的信息,包括當前項目的依賴模塊,自定義的腳本任務等等)。
在命令行輸入:
npm init
輸入完成后,npm終端會問關於項目的名稱,描述……一堆內容,如果不考慮發布到npm上,不需要填寫,全部回車即可(后期可以用文本的形式修改這些內容), 最后會詢問yes/no,輸入yes.回車,完成初始化。這時用編輯器已經可以看到生成的package.json文件了。
繼續輸入命令,安裝本地webpack. (這里的參數–save是要保存到package.json中,dev是在開發時使用這個包,而生產環境中不使用).
輸入:
npm install --save-dev webpack
如果安裝速度過慢,使用淘寶的cnpm進行安裝: cnpm install –save-dev webpack
開發環境and生產環境:
- 開發環境:在開發時需要的環境,這里指在開發時需要依賴的包。
- 生產環境:程序開發完成,開始運行后的環境,這里指要使項目運行,所需要的依賴包。
安裝好后,查看webpack版本,在工作交流時,會常被問到自己打包版本是什么,這時可以用下面的命令進行查看。
npm webpack -v