先感嘆一句,前端的發展真是太快了,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')