webpack安裝教程windows下、mac下

首先，要肯定你已經安裝了 node.js

windows下進行安裝：

官方網址：nodejs.org/ 直接下載文件，一直Next就OK了。

Mac下進行安裝：

安裝brew：

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
複製代碼

brew安裝node（首先肯定brew在最新版本）

$ brew update
複製代碼

確保brew是安全可靠的

$ brew doctor
複製代碼

將brew的位置添加到$PATH環境變量中，並保存bash或者profile文件；

export PATH="/usr/local/bin:$PATH"
複製代碼

題外話：徹底卸載node和npm

sudo rm -rf /usr/local/{lib/node{,/.npm,_modules},bin,share/man}/{npm*,node*,man1/node*}
或者是
sudo rm -rf /usr/local/bin/npm /usr/local/share/man/man1/node* /usr/local/lib/dtrace/node.d ~/.npm ~/.node-gyp /opt/local/bin/node opt/local/include/node /opt/local/lib/node_modules
複製代碼

若是你不會命令，不要緊，下面這個將會教你如何卸載

1. 在/usr/local/lib目錄下，刪除任何與node和 node_modules有關的目錄；

2. 在/usr/local/include 目錄下，刪除任何與node 和 node_modules有關的目錄；

3. 若是你是經過brew install node安裝的node，則在終端執行brew uninstall
   node，並在home目錄下查找 local 或lib 或include文件夾，刪除任何與node 和node_modules有關的目錄；

4. 在**/usr/local/bin**目錄下，刪除任何與 node 執行文件；

5. 最後下載 nvm ，跟隨它的介紹安裝node。固然，你也能夠經過npm來安裝最新版本的Node。

經過brew安裝node和npm

brew link node
brew uninstall node
brew install node
複製代碼

測試node是否安裝成功

node -v 
npm -v
複製代碼

這兩個命令回顯示你安裝的版本號，若是顯示了，那麼恭喜你安裝成功了

安裝webpack：

本地安裝：

npm install webpack --save-dev

npm install webpack@<version> --save-dev // 指定版本號安裝
複製代碼

全局安裝：

npm install webpack -g
複製代碼

ps:不推薦安裝全局的 webpack。這會鎖定 webpack 到指定版本。

體驗最新版本：

npm install webpack/webpack#<tagname/branchname>
複製代碼