初探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')

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM