webpack之安裝與簡單使用（一）

webpack是現在的前端工程師必須會使用的工程化工具，它的中文官網是webpack。

1.安裝

創建一個新項目，進入該項目

# 安裝最新的穩定版本
npm i -D webpack

# 安裝指定版本
npm i -D webpack@<version>

# 安裝最新的體驗版本，不穩定，儘量不要使用在生產環境
npm i -D webpack@beta

# 安裝webpack V4+版本時，需要額外安裝webpack-cli
npm i -D webpack-cli

#不推薦全局安裝webpack，下邊是卸載全局webpack和webpack-cli的命令
npm uninstall webpack webpack-cli -g

2.檢查安裝,打印版本號

#npx幫助我們在項⽬中的node_modules⾥查找webpack
npx webpack -v

#到當前的node_modules模塊⾥指定webpack
./node_modules/.bin/webpack -v

3.簡單使用

新建文件夾src，在src目錄下新增index.js即src/index.js,

//初始化項目
npm iniy -y

當前的目錄結構如下:

打開package.json,修改scripts

  "scripts": {
    "test": "webpack"
   },

使用npm run test命令，即完成最簡單的使用，得到下圖的結果: