一、全局安裝 webpack-cli 腳手架

npm install webpack-cli -g

二、新建一個項目wp，并在wp目錄下初始化一個package.json文件。

npm init -y

在wp目錄下新建一個src目錄，并在該目錄下新建一個index.js 作為入口文件

webpack4.x 給我們提供了兩種打包模式：

development 為開發模式
production 為生產模式，打包出的 main.js 代碼自動壓縮

我們可以直接使用命令 webpack --mode development 進行開發模式打包

我們使用生產模式webpack --mode production 打包

此時代碼已經被壓縮。

不管哪種模式，我們每次打包都使用 webpack --mode development 或者 webpack --mode production 都有點麻煩，我們可以修改下package.json文件里面的 scripts 屬性：

"dev": "webpack --mode development",
"build: "webpack --mode production"

最后我們就可以使用 npm run dev 進行開發模式打包，使用 npm run build 進行生產模式打包。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。