初探webpack之環境配置

2022-02-01 23:33:21 字數 1420 閱讀 7810

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

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

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

安裝完成以後可以使用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,鍵入如下的命令:

安裝完成後資訊如上:會顯示安裝的路徑,版本號及目錄結構等。

4.修改預設的node路徑

新建乙個node_path的鍵,輸入你自己給定的全域性存放路徑

同樣,使用者變數中的path路徑也要改成和node_path一直的路徑

administrator中path新增d:\nodejs\node_global;

5.檢測是否配置成功

以上的步驟全部完成以後,我們開啟cmd,輸入node,再鍵入require('webpack')

Mybatis初探之環境的配置

很早之前就想學習mybatis,據說很多公司都使用這個框架。以前我都使用老掉牙的dbcp,hibernate感覺太大,現 在來學學這個中性的框架。首先是環境的配置,我使用m en建立專案,pom.xml檔案如下 4.0.0 com.bird concursey 0.0.1 snapshot jarc...

webpack開發環境配置

node.js webpack npm install webpack webpack cli g 全域性安裝 npm install webpack webpack cli d 本地 當前目錄 安裝 各種loader 根據需要安裝loader npm i css loader style load...

webpack4配置詳解之新手上路初探

今天就嘗試著一起來聊聊webpack吧,旨在幫大家加深理解 新手更容易上路,都能從0到1搭建配置自定屬於自己的腳手架,或對已封裝好的腳手架有進一步的鞏固,接下來蘇南會詳細講解webpack中的每乙個配置欄位的作用 部分為webpack4新增 近兩年,前端一直在以乙個高速持續的過程發展,常常會有在調侃...