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命令，即完成最简单的使用，得到下图的结果: