通過npm安裝webpack

　　現在js發展太快了，根本看不懂啊。於是乎想做做功課，於是乎看到了這些“奇怪”的寫法，原來好多都是遵循了 ECMASCRIPT6，好吧，在本地看看怎么用的吧。寫在本地的環境下，

發現各種報錯，根本不能用。還在納悶呢，這個例子是怎么能寫成這個樣，還在那教人的呢？誤人子弟？怎么跑呢？各種搜索才發現，原來我們一般常用的js是遵循的ES5規范，由於瀏覽器

支持等各種原因，我們需要將最新的ES6語法變成ES5才能以我們熟知的方式運行。於是乎，針對ES6的就出現了很多打包工具。webpack就是其中一款。

　　現在知道了，這個是干嘛的(當然寫這篇文章的時候，我還是不怎么明白這些東西之間的關系)。我們先安裝吧。 幸好在很久很久以前，我安裝過node了，那么npm工具我也裝過了。沒

裝過npm的自行百度吧。聲明一點，我是在win7的環境下安裝的。windows研究node你懂得，各種報錯到爆炸，再加上根本不懂這些東西，所以各種無解的錯誤，讓人奔潰。

　　好了，言歸正傳，那我們開始安裝吧！我假定 你像我一樣擁有了 npm

　　安裝 webpack，以全局的方式安裝：

$ npm install webpack -g

　　然而，我並不喜歡這種方式，因為並不是所有的項目都需要webpack的。通常我們會將 Webpack 安裝到項目的依賴中，這樣就可以使用項目本地版本的 Webpack。

# 進入項目目錄
# 確定已經有 package.json，沒有就通過 npm init 創建
# 安裝 webpack 依賴
$ npm install webpack --save-dev

　　

　　補充一點吧：像我一樣對package.json 各種參數了解很水的。可以自己百度一下package.json各個參數的意思。我放出一個可用的吧：

package.json

{
  "name": "demo",
  "version": "0.0.1",
  "dependencies": {
    "webpack": "latest"
  },
  "devDependencies": {
    "webpack": "^1.14.0"
  }
}

　　安裝的過程中可能會很慢，一直卡在那轉圈。原因你懂得，我們上的是一個局域網，外面的世界不是你想看就能看的。。。。。如果你像我一樣，不能翻牆，那你就先

暫停吧。執行下面的語句：

npm config set registry https://registry.npm.taobao.org

　　用一下國內的良心鏡像。你會發現再執行 npm install webpack --save-dev 會很快的安裝完畢。安裝完成之后，你會發現，項目中多了一個 node_modules文件夾

里面有一個 .bin和webpack文件夾。此時我們打開終端，輸入 webpack會提示 webpak不是內部命令。不用怕，因為這個執行文件在你的項目下的 node_modules\.bin

下面，只要將這個路徑配入 環境變量的 path中去 ，就可以愉快的使用 webpack了！