webpack之安装与简单使用(一)

webpack是现在的前端工程师必须会使用的工程化工具,它的中文官网是webpack。

1.安装

创建一个新项目,进入该项目

# 安装最新的稳定版本
npm i -D webpack

# 安装指定版本
npm i -D webpack@

# 安装最新的体验版本,不稳定,尽量不要使用在生产环境
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

当前的目录结构如下:
webpack之安装与简单使用(一)_第1张图片
打开package.json,修改scripts

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

使用npm run test命令,即完成最简单的使用,得到下图的结果:
webpack之安装与简单使用(一)_第2张图片

你可能感兴趣的:(webpack系列文章)