深入淺出webpack學習 2 Entry

現在介紹一下webpack配置中的entry~

entry是配置模組的入口，可以抽象成輸入，webpack執行構建的第一步將從入口開始搜尋及遞迴解析出所有入口依賴的模組。

注意： entry是必填，若不填寫則將導致webpack報錯退出

webpack在尋找相對路徑的檔案時會以context為根目錄，context預設為執行啟動webpack時所在的當前工作目錄。如果想改變context的預設配置，則可以在配置檔案中這樣設定：

module.exports =

注意：context必須是乙個絕對路徑的字串，除此之外，還可以通過在啟動webpack時帶上引數webpack --context 來設定context。

entry的路徑和其他依賴的模組的路徑可能採用相對於context的路徑來描述，context會影響到這些相對路徑所指向的真實檔案。

格式：

表示入口模組的檔案路徑，可以是相對路徑。
格式：
表示入口模組的檔案路徑，可以是相對路徑。

格式：

entry:

配置多個入口，每個入口生成乙個chunk。

如果是array型別，則搭配output.library配置項使用時，只有陣列裡的最後乙個入口檔案會被匯出。

webpack會為每個生成的chunk取乙個名稱，chunk的名稱和entry的配置有關：

1. 如果entry是乙個string或者array，就只會生成乙個chunk，這個chunk的名稱是main;

2. 如果entry是乙個object，就可能出現多個chunk，這時chunk的名稱是object鍵值對里鍵的名稱。

假如專案裡有多個頁面需要為每個頁面的入口配置乙個entry，但這些頁面數量可能會不斷增長，這時entry的配置會受到其他因素的影響導致不能寫成靜態的值。解決辦法就是把entry設定成乙個函式去動態返回上面所說的配置：

//同步函式
entry: () => 
}//非同步函式
entry: () => )
})}