webpack 配置檔案及注意點

2021-10-06 05:47:48 字數 759 閱讀 8512

1.什麼是webpack配置檔案?

我們在打包js檔案的時候需要輸入: npx webpack index.js

這句指令的含義是: 利用webpack將index.js和它依賴的模組打包到乙個檔案中

其實在webpack指令中除了可以通過命令列的方式告訴webpack需要打包哪個檔案以外,

還可以通過配置檔案的方式告訴webpack需要打包哪個檔案

2.webpack常見配置(webpack.config.js)

mode: 打包模式 development/production

development: 不會壓縮打包後的js**

production: 會自動壓縮打包後的js**

entry: 需要打包的檔案

output: 打包之後輸出路徑和檔名稱

配置好之後執行:npx webpack

當執行這句指令的時候會預設去查詢webpack.config.js

3.webpack配置檔案注意點

3.1配置檔案的名稱必須叫做: webpack.config.js, 否則直接輸入 npx webpack打包會出錯

如果要使用其它名稱, 那麼在輸入打包命令時候必須通過 --config 指定配置檔案名稱

npx webpack --config ***

3.2打包命令簡化

每次輸入npx webpack --config ***來打包檔案會有一點蛋疼, 所以我們可以通過npm script來簡化這個操作

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模...

mysql配置檔案設定注意點

說明 mysql動態修改的配置引數有兩種 會話session 只對當前會話產生影響,退出mysql後失效 全域性global 對以後的mysql的連線都生效的,重啟mysql後失效 reload過載不會 登入到mysql的命令列後 檢視mysql的引數配置情況 show variables 檢視帶有...