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

1,716 阅读2分钟

安装

  • 全局安装:

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.jsonscripts中的npm run startnpm run webpack模拟相当于执行对应的命令
"scripts": {
    "start": "webpack --mode development",//webpack4
    "webpack": "webpack -v"
  },
  1. 执行本地文件node_modules内
 node_modules/.bin/webpack -v
 node_modules/.bin/webpack --mode development