Step 1: 首先安裝Node.js, 可以去Node.js官網下載.
Step2: 在Git或者cmd中輸入下面這段代碼, 通過全局先將webpack指令安裝進電腦中
npm install webpack -g
Step3: 使用Git Bash here 或者 cmd cd命令使當前目錄轉到當前項目的目錄下, 然后輸入下面這段命令
npm init
接下來會彈出一些信息, 就是一些項目名和一些參數的描述, 可以全部按回車使用默認信息, 完成之后項目文件夾下會生成一個package.json的文件[圖片上傳中。。。（2）]這樣webpack就安裝完成了.
Step4: 在src的js下創建一個入口文件, 我創建的叫做bundle.js, 在項目目錄再創建一個index.html用來調試使用. 編寫webpack.config.js文件,
module.exports={
entry:"./main.js",//入口文件
output:{//輸出文件
filename:'bundle.js',//輸出文件名
// path:__dirname + '/out'//輸出文件路徑//
}
}
webpack 查看是否生成bundle.js
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
// <script type="text/javascript" src="./bundle.js"></script>//注意在這里引入的是打包完成的js文件
<script type="text/javascript" src="./out/bundle.js"></script>//注意在這里引入的是打包完成的js文件
</body>
</html>
npm install live-server -g 安裝服務器
live-server 啟動服務器
