如圖:在專案根目錄建立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...