如何檢視Vue CLI中webpack的預設配置

安静的女汉纸發表於2024-04-25

這裡使用terser-webpack-plugin舉例說明,在Vue CLI專案中,terser-webpack-plugin 外掛的預設配置通常是隱藏且封裝的,因為Vue CLI會根據專案需求自動配置webpack。

如果你想檢視terser-webpack-plugin的預設配置,你可以嘗試以下方法:

  1. 透過檢查node_modules/terser-webpack-plugin/dist/index.js檔案來檢視原始碼。

  2. 使用Vue CLI的除錯模式來檢視實際應用的webpack配置。你可以執行以下命令來啟動除錯模式:

vue inspect > output.js

這個命令會輸出專案的完整webpack配置到output.js檔案中。你可以在輸出的配置檔案中搜尋TerserPlugin來檢視相關配置。

請注意,Vue CLI可能會根據專案的不同版本和配置選項更改預設配置。因此,檢視的預設配置可能並不完全適用於你的專案。

相關文章