Webpack的安裝
webpack是基于Node的打包工具,他本質(zhì)上是由Node實現(xiàn)的黍瞧。那首先就要先安裝NodeJS環(huán)境
- 進(jìn)入NodeJS官網(wǎng),選擇下載NodeJS安裝包(選擇長期支持版)舍悯,在安裝NodeJS的時候术浪,盡量選擇較新版本芝此,因為新版本的NodeJS能很大程度的提高Webpack的打包速度憋肖。
- 進(jìn)入終端輸入
node -v
和npm -v
查看node和npm的版本號。 - 使用
npm init
在目標(biāo)目錄下初始化項目 - 查看項目目錄下婚苹,生成的
package.json
文件岸更。嘗試輸入private: true
,聲明當(dāng)前的項目是一個私有的項目膊升,不會被上傳到NPM中 - 全局安裝webpack:
npm i webpack webpack-cli -g
(非常不推薦使用這種方式安裝怎炊,因為不同的項目依賴的webpack可能是不同版本的,這樣可能導(dǎo)致依賴不同版本webpack的項目廓译,啟動不起來) - 在項目內(nèi)安裝webpack:
- 進(jìn)入到項目目錄
- 運行
npm i webpack webpack-cli -D
- 執(zhí)行
npx webpack -v
(npx會幫助我們在當(dāng)前項目依賴中评肆,運行webpack)
補(bǔ)充知識:
查看webpack在npm中的信息npm info webpack