全域性安裝webpack

npm install webpack -g

1：建立一個webpack-demo資料夾，並且進入這個資料夾

mkdir webpack-demo && cd webpack-demo

2：生成package.json檔案

npm init -y

此時專案結構如圖：
3：新增webpack

npm install --save-dev webpack

此時專案結構如圖：node_modules資料夾中居然有484個資料夾

4：新建檔案，結構如圖

npm install --save lodash

webpack src/index.js dist/bundle.js

（2）方法二：
新建一個webpack.config.js檔案

webpack --config webpack.config.js

此時在dist資料夾中就生成了bundle.js檔案；開啟index.html可以看到內容

（3）方法三（在webpack.config.js檔案基礎上）：
考慮到CLI這種方式來執行本地的webpack不是很方便，我們可以設定一個快捷方式

//package.json
{
...
    "scripts"
 
: {
        "build": "build"
    },
...
}

執行npm run build來代替我們之前的長命令，