webpack配置檔案

2021-10-16 17:15:45 字數 476 閱讀 8691

webpack提供的cli支援很多的引數,例如–mode,但更多的時候,我們會使用更加靈活的配置檔案來控制webpack的行為

預設情況下,webpack會讀取webpack.config.js檔案作為配置檔案,但也可以通過cli引數–config來指定某個配置檔案

配置檔案中通過commonjs模組匯出乙個物件,物件中的各種屬性對應不同的webpack配置

注意:配置檔案中的**,必須是有效的node**

當命令列引數與配置檔案中的配置出現衝突時,以命令列引數為準。

基本配置:

mode:編譯模式,字串,取值為development或production,指定編譯結果**執行的環境,會影響webpack對編譯結果**格式的處理

entry:入口,字串(後續會詳細講解),指定入口檔案

output:出口,物件(後續會詳細講解),指定編譯結果檔案

webpack配置檔案

一 在根目錄建立檔案webpack.config.js const path require path const htmlwebpackplugin require html webpack plugin const minics tractplugin require mini css extr...

Webpack配置檔案初步

在命令列中輸入 npx webpack 需要打包的檔名這樣便可以對檔案進行打包,似乎並不需要所謂的配置檔案。而實際上,並不是不需要配置檔案,而是因為webpack自身有乙個比較完善的預設配置。webpack的預設配置檔名是webpack.config.js。我們來看乙個比較基礎的配置寫法 const...

webpack 配置檔案及注意點

1.什麼是webpack配置檔案?我們在打包js檔案的時候需要輸入 npx webpack index.js 這句指令的含義是 利用webpack將index.js和它依賴的模組打包到乙個檔案中 其實在webpack指令中除了可以通過命令列的方式告訴webpack需要打包哪個檔案以外,還可以通過配置...