如何安装webpack基础环境

流程结构图：

第一步： 初始化一个npm

npm init

同时在文件夹中会生成一个package.json

第二步：填写一些基本项目信息

第三步：安装webpack-cli

npm install webpack-cli --save-dev

同时在package.json的devDependencies中生成webpack-cli的版本信息

文件夹中生成一个node_modules

第四步：安装webpack

npm install webpack --save-dev

材料补充

webpack 和 webpack-cli的关系

webpack-cli的作用是为了让webpack可以在命令行内准确的运行

–save-dev/-D 和 -g的区别

–save-dev/-D

在项目的根文件夹中安装webpack，不会影响其他项目的版本

如何查询版本信息：

npx webpack -v

npx是node提供的方法可以从node_modules的根目录下查询到基本版本信息

-g

全局安装，也可以在全局查询到版本信息，弊端是可能影响到其他不同版本的项目

如何查询版本信息：

webpack -v

查询webpack历史版本的信息

npm info webpack

替换webpack的安装版本

点击跳转查看