webpack全局和局部安装、卸载和执行

安装

• 全局安装：

npm install <package-name> -g
全局安装后，可以通过使用对应模块包的命令行工具执行操作命令

• 本地安装：

本地安装模块包的一个特点就是： 在使用安装好的模块包时，需要通过require('<package-name>')来引入到项目中使用； 本地安装时还需要考虑的一个问题就是安装好模块包后，其信息是否要写入到项目package.json中 如果写，写到哪？因此，

本地安装衍生出三种命令，分别为:
1.npm install <package-name> 安装模块包，模块包的信息不会写入到项目的package.json文件中；
2.npm install <package-name> --save 安装模块包，并且将模块包的信息写入到项目package.json中的dependencies对象中*;
3.npm install <package-name> --save-dev 安装模块包，并且将模块包的信息写入到项目package.json中的devDependencies对象中*；

/*注释点——>dependencies和devDependencies区别：
        dependencies中的依赖项是正常运行该包所需要的依赖项；是生产环境所需要的库
        devDependencies中的依赖项是开发的时候所需要的依赖项，比如一些进行单元测试之类的包、测试库等等，在生产环境中是不需要的
*/
复制代码

卸载

卸载和安装 一样就是 uninstall(可以简写un) 同步模块包信息从package.json中删除

npm uninsatll <package-name> -g
npm uninstall <package-name>
npm uninstall <package-name> --save
npm uninstall <package-name> --save-dev
npm i //会根据新的package.json删除node_modules中原来package.json中安装的包

执行

以webpack包为例：

• 全局情况:

  直接执行webpack命令 webpack -v;webpack --mode development等；

• 局部情况

  1. 像上面说过的 通过require('<package-name>'),例如：var webpack = require('webpack')来引入到项目中使用
  2. 在package.json的scripts中的npm run start和npm run webpack模拟相当于执行对应的命令

"scripts": {
    "start": "webpack --mode development",//webpack4
    "webpack": "webpack -v"
  },
复制代码

3. 执行本地文件node_modules内

 node_modules/.bin/webpack -v
 node_modules/.bin/webpack --mode development
复制代码