准备...... - 《Webpack》

首先安装node环境

Node.js版本众多，包括稳定版和开发版，推荐安装8.9以上版本，已安装了Node.js的，可以使用nvm(windows版本)对Node.js进行版本管理。（阿里有个tnvm，也是管理Node.js版本的，增加了alinode版本系列的Node.js）

Node.js包管理工具（NPM）

使用Node.js写的代码可以打包发布到JavaScript包管理平台npmjs.com上，当我们项目需要使用某个包（模块）时，可以直接使用包管理工具来安装（下载）对应的包
NPM中使用了一个命名为package.json的文件作为一个NPM包的描述文件，package.json包含了包的基本信息（名称、版本号、描述、作者等）和依赖关系，例如

{
    "name":"webpacedemo",//项目名字
  "version":"1.0.0",//项目版本号,主版本号.次版本号.修订号
  "dependencies":{//项目的依赖
      "webpack":"^4.29.6"// ^意思是主版本号是4的最新版本，每次执行安装命令，会更新符合这个规则的最新包
  }
}

实际项目中，webpack是构建工具，代码不会直接用webpack的api，只是在开发和打包时候采用。

npm安装包时分为本地模式和全局模式，默认是本地模式（即：在执行安装命令时，在执行命令的当前目录创建node_modules，然后下载安装包及其依赖到node_modules目录），全局模式则是安装到全局路径。Node.js在require依赖之时，会优先查找自己当前文件的node_modules，如果没有则循环遍历上层的node_modules，如果遍历到根文件的node_modules还找不到，则会使用全局模式安装模块
NPM常用命令：
（1）安装 npm install packageName 简写 npm i packageName / npm i packageName@x.x.x
全局模式为 npm install —global 简写 npm i -g
如果执行命令的目录下有package.json则可以直接使用npm install安装package.json中的所有依赖，
如果安装依赖包并且将这个依赖写入package.json则使用命名npm install packageName —save 简写
npm i packageName -S，如果希望写到package.json开发依赖（devdevpendencies）中，则使用命令 npm i packageName —save-dev 简写 npm i packageName -D
（2）删除 npm uninstall packageName
（3）初始化 npm init 用来初始化生成一个新的package.json文件
根据控制台的提示回答问题，如果觉得不需要修改默认配置，一路回车就好了。如果使用-f(force)、
-y(yes)，则跳过提问，直接生成一个新的package.json文件
（4）设置环境变量 npm set ，例如：npm set init-author-name ‘rain’，初始化时会使用默认环境变量
（5）查看某个包的信息 npm info packageName
（6）查找npm仓库 npm serach packageName
（7）展示当前项目安装的所有模块 npm list

设置npm镜像**：
单次使用镜像方法
npm [命令] —registry=https://registry.npm.taobao.org
设置默认npm使用淘宝镜像
npm config set registry https://registry.npm.taobao.org
安装cnpm包，使用cnpm代替npm
npm i -g cnpm —registry=https://registry.npm.taobao.org

NPM还可以用于执行脚本，在package.json文件中可以添加srcipts字段，用户指定脚本命令，供NPM直接调用

{
    "scripts":{
      "bulid":"webpack",// 使用npm run bulid 相当于命令执行了当前项目中目录下的webpack命令
    "start":"node src/scripts/dev.js" //使用npm run start 相当于执行了node src/scripts/dev.js
  }
}

安装 Webpack-cli

Webpack-cli是Webpack的CLI（Command-line interface）工具
npm install webpack-cli —save-dev