【轉】webpack使用方法（一）：安裝webpack

原文：https://blog.csdn.net/simpleasong/article/details/123015731

一、安裝Node.js

1. 首先，webpack是構建在Node.js的基礎之上的，所以安裝webpack之前，需確保本地安裝了Node.js。
2. Node.js官網：https://nodejs.org/en/
3. 這裏有兩個版本可供選擇，對於開發用戶，推薦下載LTS版本（長期支持版本），建議安裝最新版本的Node.js，因爲老的版本可能會缺失webpack的一些功能。點擊安裝一直下一步下一步就好了。
4. 在命令行中輸入node -v，能看到node的版本號表示已經安裝成功了。
   
5. node安裝成功的同時，會有另一個工具安裝成功，那就是npm，輸入npm -v，同樣看到版本號表示安裝成功，webpack需要通過npm來安裝。
   

二、安裝webpack

1. 安裝webpack分爲兩種情況，一種是全局安裝，另一種是在本地的工作目錄安裝

2. 安裝webpack需要安裝兩個包，webpack主包和webpack-cli

   npm install webpack webpack-cli --global（全局安裝，不推薦）
   

3. 輸入webpack -v，可以看到webpack安裝成功。
   

4. 不推薦在全局安裝webpack，這樣會使你項目的webpack鎖定到某個版本里，並且在使用不同版本的webpack項目裏面，可能會導致構建失敗。因此推薦在本地的工作目錄下安裝webpack。

5. 安裝webpack之前需要先安裝一個npm的包管理的配置文件

   npm init -y
   

   安裝完成後會在項目的根目錄下生成一個package.json文件
   

6. 現在就可以在本地的工作目錄下安裝webpack了。

      npm install webpack webpack-cli --save-dev
   

   安裝完成後本地的工作目錄會產生一個node_modules依賴包和一個package-lock.json文件，至此，webpack安裝完成。