現在js發展太快了，根本看不懂啊。於是乎想做做功課，於是乎看到了這些“奇怪”的寫法，原來好多都是遵循了 ECMASCRIPT6，好吧，在本地看看怎么用的吧。寫在本地的環境下，
發現各種報錯，根本不能用。還在納悶呢，這個例子是怎么能寫成這個樣，還在那教人的呢？誤人子弟？怎么跑呢？各種搜索才發現，原來我們一般常用的js是遵循的ES5規范，由於瀏覽器
支持等各種原因，我們需要將最新的ES6語法變成ES5才能以我們熟知的方式運行。於是乎，針對ES6的就出現了很多打包工具。webpack就是其中一款。
現在知道了，這個是干嘛的(當然寫這篇文章的時候，我還是不怎么明白這些東西之間的關系)。我們先安裝吧。 幸好在很久很久以前，我安裝過node了，那么npm工具我也裝過了。沒
裝過npm的自行百度吧。聲明一點，我是在win7的環境下安裝的。windows研究node你懂得，各種報錯到爆炸，再加上根本不懂這些東西，所以各種無解的錯誤，讓人奔潰。
好了，言歸正傳，那我們開始安裝吧！我假定 你像我一樣擁有了 npm
安裝 webpack，以全局的方式安裝：
|
1
|
$ npm install webpack -g
|
然而，我並不喜歡這種方式，因為並不是所有的項目都需要webpack的。通常我們會將 Webpack 安裝到項目的依賴中，這樣就可以使用項目本地版本的 Webpack。
|
1
2
3
4
|
# 進入項目目錄
# 確定已經有 package.json，沒有就通過 npm init 創建
# 安裝 webpack 依賴
$ npm install webpack --save-dev
|
補充一點吧：像我一樣對package.json 各種參數了解很水的。可以自己百度一下package.json各個參數的意思。我放出一個可用的吧：
package.json
|
1
2
3
4
5
6
7
8
9
10
|
{
"name"
:
"demo"
,
"version"
:
"0.0.1"
,
"dependencies"
: {
"webpack"
:
"latest"
},
"devDependencies"
: {
"webpack"
:
"^1.14.0"
}
}
|
安裝的過程中可能會很慢，一直卡在那轉圈。原因你懂得，我們上的是一個局域網，外面的世界不是你想看就能看的。。。。。如果你像我一樣，不能FQ，那你就先
暫停吧。執行下面的語句：
|
1
|
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了！