初探webpack之環境配置

先感嘆一句，前端的發展真是太快了,ng和bb還沒怎么學好就要過時了。現在感覺react當是未來的一個大方向。

以前一直用的grunt，不過前段時間作者已經停止更新了。正好webpack風頭正盛，咱也不能落伍，也來看看webpack到底是有什么出色的地方。

1.要安裝webpack，首先需要安裝nodejs

安裝nodejs,你可以挫下面的地址:https://nodejs.org/en/

下載完成以后就可以一直下一步安裝了。我是安裝在了d盤的根目錄下

安裝完成以后可以使用cmd輸入命令查看是否安裝成功。

再通過查看環境變量，我們可以看到下面的D:\nodejs\ 說明確實安裝成功了

2.配置npm的路徑

npm是nodejs的一個模塊化管理工具，現在已經集成到nodejs中了，不需要再另外安裝

我首先配置一下npm的全局存放路徑以及緩存路徑，我將兩個文件夾建立在了nodejs的根目錄下

啟動cmd，鍵入如下的命令：

npm config set prefix "d:\nodejs\node_global"npm config set cache "d:\nodejs\node_cache"

3.通過npm安裝webpack

啟動cmd，鍵入如下的命令：

npm install webpack -g

安裝完成后信息如上：會顯示安裝的路徑，版本號及目錄結構等。

4.修改默認的node路徑

新建一個NODE_PATH的鍵，輸入你自己給定的全局存放路徑

同樣,用戶變量中的PATH路徑也要改成和NODE_PATH一直的路徑

5.檢測是否配置成功

以上的步驟全部完成以后，我們打開CMD，輸入node,再鍵入 require('webpack')