1.我們先創建一個空的大文件夾

2.打開該文件夾的終端 輸入npm init -y

2.1.打開該文件夾的終端

2.2在該終端運行 npm init -y

3.安裝webpack

3.1打開webpack網址 點擊“中文文檔”

3.2點擊“指南”在點擊“起步”

3.3復制基本安裝圖片畫線的代碼

4.在一開始的文件夾下在創建一個名為src的文件夾

5.然后再在src內創建一個名為index.js的文件

6.打開名為packge.json的文件修改名叫scripts內屬性名后的所有內容，修改為webpack

7. 然后在終端內執行npm run scripts內的屬性名(該屬性名可以修改)

8.如果修改了src內 index.js的名字就不會打包成功

9.如果想打包成功那就需要在一開始的文件夾下創建一個名為webpack.config.js文件（簡化打包命令）

10.在文件內書寫以下內容

//導出一個配置對象
//path是nodejs內置模塊 幫助處理路徑、
const path = require('path')
module.exports = {//入口 ————dirname當前模塊的絕對路徑entry:path.resolve(__dirname,'src/index.js'),//此的地址為src內自己定義的文件名//出口output:{//目錄path:path.resolve(__dirname, 'dist'),//文件名filename:'index.js',//此地址為src內自己定義的文件//清空dist 輸出最新的內容clean:true,},
}

11.在一次執行 npm run scripts內的屬性名(該屬性名可修改)