webpack的兩種簡易打包方式及區別

2022-06-13 03:57:09 字數 1554 閱讀 6561

webpack是打包命令。如果我們不指定它的後繼引數,其實也能實現打包。但是有一些小的限制。

webpack如果不指定輸入和輸出,那麼預設的打包檔案就是./src/index,預設的輸出路徑是./dist/index.js

第一種是通過build,有點長。另外乙個是通過webpack配置檔案,這兩個沒有太大的區別,幹的都是同一件事情,只是用了不同的方法。

如果用第一種方法,在build中,需要寫配置節,給全引數。

打包命令的表示式:webpack 原始檔路徑 -o 輸出檔案路徑 --(模式)

最後在終端輸入npm run build點選回車執行

第二種方法,就需要在根目錄下新建乙個webpack.config.js檔案,在裡面配置打包入口,配置打包出口(需要配置乙個webpack檔案,也就是對打包工具webpack進行配置,在裡面配置輸入和輸出)

(注意:需要使用nodejs語法,因為webpack是nodejs底下的工具,所以它遵循的是nodejs的語法)

如圖:暴露入口出口

entry是入口

output是出口

__dirname是nodejs提供的(相當於是常量),用__dirname就能獲取到我們當前的這個檔案的目錄的絕對路徑。

join是專門用來拼接路徑的,join是nodejs專門封裝的乙個連線路徑的方法。

filename表示打包完了後最終的js檔案叫什麼名字

最後在終端輸入npm run dev點選回車執行

webpack打包的執行過程:

webpack在打包的時候,首先就要看看我們給沒給引數,我們打包的時候要麼執行的是第一種模式,引數補全的,要麼就是第二種模式,引數沒有補全的。它先看我們有沒有補全這些引數(有沒有給入口,有沒有給出口,有沒有給-o...),如果有就按照我們寫的這些東西去打包。如果沒有它就去找乙個叫做webpack.config.js的這樣乙個配置檔案。

--mode development和--mode production的區別:

--mode production是生產模式,會把打包好後的**進行壓縮,可閱讀性不好,但是**體積小。

--mode development是開發模式,不會壓縮**,可閱讀性好,但是**體積大。

注意:npm run 其實是間接執行了webpack打包命令,npm命令是nodejs的命令,它本身不具備打包的功能。

webpack.config.js檔案與package.json檔案有什麼區別?

package.json是整個專案的配置檔案

webpack.config.js是對webpack打包工具的配置檔案

okhttp的兩種簡易請求

在我們現階段,okhttp請求框架還是非常流行的。以下是我對get和post兩種請求框架的簡易實現。1.okhttp請求框架的get請求 在寫 之前我們應該新增okhtpp的依賴 在 中書寫乙個方法或者書寫乙個工具類 先建立okhttp物件 在建立乙個request物件 request reques...

Redhat nis client兩種接入方式

redhat nis client兩種接入方式 在redhat上nis client有兩種方式接入nis伺服器 etc nsswitch.conf和system config authentication 通過 etc nsswitch.conf的方式使用者只能通過yppasswd進行修改密碼且無法...

python threading 兩種建立方式

作用 建立在thread模組之上,可以更容易地管理多個執行執行緒。通過使用執行緒,程式可以在同乙個程序空間併發地執行多個操作。threading模組建立在thread的底層特性基礎上,可以更容易地完成執行緒處理。1 呼叫函式 要使用thread,最簡單的方法就是用乙個目標函式例項化乙個thread物...