[TOC]
# 1.打開VSCode,按下``` ctrl+` ```打開命令行，輸入以下命令進行安裝
```
1.npm init -y
2.npm i webpack webpack-cli -g
注意：全局安裝只需安裝一次，以后再寫項目無需輸入此命令
3.npm i webpack webpack-cli --save-dev
```
安裝完成后，將會出現以下圖片中的文件
## 1.1打包的方式
* 直接在命令行中輸入``` webpack ```
* 先在```package.json```文件```"scripts"```對象中添加一行代碼
```
"build":"webpack",
```
如圖所示：
再到命令行中輸入```npm run build```進行打包
# 2.創建一個webpack.config.js文件
## 初始
```
const path = require('path');
module.exports={
entry:"./src/index.js",
//打包源文件
output:{
//打包后的文件
filename:"bundle.js",
//文件名稱
path:path.resolve(__dirname,'dist')
//文件地址
保存為根目錄下的dist夾中的bundle.js文件
}
}
```
輸入命令```webpack```打包后，產生dist文件夾
## mode
命令行有警告
在entry同級處添加一行代碼
```
mode:"development",
```
