初探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一直的路徑

administrator中path添加d:\nodejs\node_global;

5.檢測是否配置成功

以上的步驟所有完成之後，咱們打開CMD，輸入node,再鍵入require('webpack')