webpack配置檔案最基本使用

2021-10-24 12:02:12 字數 484 閱讀 2791

如圖:在專案根目錄建立webpack.config.js檔案

檔案內容如下:

const path = require('path')

//這個配置檔案,起始就是乙個js檔案,通過node中的模組操作,向外暴露了乙個配置物件

module.exports =

}//當我們在控制台直接輸入webpack命令執行的時候,webpack做了以下幾步:

//1、首先,webpack發現沒有通過命令指定入口和出口

//2、webpack就會去專案的根目錄中查詢『webpack.config.js』的配置檔案

//3、解析該配置檔案,得到匯出的配置物件

//4、根據配置的入口和出口,打包構建

即將main.js打包到指定目錄

webpack配置檔案

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

webpack配置檔案

webpack提供的cli支援很多的引數,例如 mode,但更多的時候,我們會使用更加靈活的配置檔案來控制webpack的行為 預設情況下,webpack會讀取webpack.config.js檔案作為配置檔案,但也可以通過cli引數 config來指定某個配置檔案 配置檔案中通過commonjs模...

Webpack配置檔案初步

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