webpack安裝填坑（'webpack' 不是內部或外部命令，也不是可運行的程序或批處理文件）

差不多每次安裝軟件都是一個波折的過程，這次webpack的安裝也不例外，安裝成功之后立馬來記錄解決錯誤的方法，以備不時之需

前提條件

webpack是依賴於node安裝的，所以在安裝前要確保自己是否安裝了node.js，在命令行運行node -v如果情況如下就是安裝了node.js，如果沒有安裝請參考node.js的安裝步驟

注意：記得在安裝的node目錄下創建兩個文件夾然后，配置npm路徑

1. 配置全局路徑：npm config set prefix “d:\nodejs\node_global”
2. 配置緩存路徑：npm config set cache “d:\nodejs\node_cache”

webpack安裝步驟

我之前在網上找了許多安裝步驟，發現按着步驟來都會報錯，最終運行會出現“'webpack' 不是內部或外部命令，也不是可運行的程序或批處理文件”，最后我總結了兩個最主要的原因：

1. 環境變量的配置
2. cli的安裝（如果webpack4+版本都需要安裝cli，因為webpack 4將 cli 分離出來了）

本地安裝

1. 安裝webpacknpm install webpack --save-dev
2. 安裝clinpm install webpack-cli --save-dev
   本地安裝可以使我們在引入破壞式變更的依賴時，更容易分別升級項目。通常，webpack 通過運行一個或多個 npm scripts，會在本地 node_modules目錄中查找安裝的 webpack;當你在本地安裝 webpack 后，你能夠從 node_modules/.bin/webpack 訪問它的 bin 版本。

全局安裝

1. 安裝webpacknpm install webpack -g
2. 安裝clinpm install webpack-cli -g
   全局安裝會將項目中的 webpack 鎖定到指定版本，並且在使用不同的 webpack 版本的項目中，可能會導致構建失敗

環境配置

我以為安裝完就可以了，沒想到運行的時候出現“webpack'不是內部或外部命令，也不是可運行的程序或批處理文件”錯誤，這時我們要想到配置環境變量

鼠標右擊我的電腦，選擇屬性，選擇高級系統設置，點擊環境變量

• 在用戶變量中的path變量下添加剛剛創建的global文件路徑，例如：

• 然后在系統變量中也在path變量下添加剛剛創建的global文件路徑，例如：

檢查webpack是否安裝成功

出現版本號，安裝成功