依赖包指令的区别

63 阅读2分钟

依赖包指令的区别

一、在开发项目时经常会依赖第三方的包或插件,这都是通过(npm jnstall)命令行完成依赖的
npm install xxxx(第三方包或插件名称)
例如:
1.在依赖 ElementPlus 组件时’使用的命令行是:
npm install element-plus --save
2.在按需加载组件时,依赖的解析包命令行是:
npm install unplugm-element-plus -D
二、两个指令中分别有 "-save" 和 " -D" 关键字它们之间有什么区别?作用又是什么?
项目依赖的包信息会在 package.json 文件中,如下:

开发环境与生产环境.png

体现 package.json 文件分别有 dependencjes(生产环境) 和 devDependencies(开发环境)
  • 在 dependencies 生产环境中有:
element-plus、vue、vue-router、vuex 依赖包都用在线上;
  • 在 deDependencies 开发环境中,需要解析或编译其他的文件:
例如:sass 和 sass-loader 是用于解析 scss 文件的包,开发项目或打包项目时会先解析 Scss,而不是在线上环境解析,’这种类型的包需要依赖到开发环境中。因此在依赖第三方包时,要明确依赖的包有什么作用,根据实际情况依赖到指定的环境
依赖包的命令行共有4个部分:安装指令、包名称、包的版本号、环境关键字。
  • “安装指令” 是固定语法;
  • “包名称” 是要依赖的包名称;
  • “包的版本号” 是指定依赖包的某个版本,如果不指定版本号,则依赖的包是最新版本的;
  • “环境关键字” 决定依赖包放在哪个环境中

依赖包的命令行.png

环境关键字描述
--save 或 -S两者等价,依赖至生产环境
--save -D 或 -D两者等价,依赖至开发环境
三、包有依赖,相应地,也会有删除。在删除依赖包时,可考虑是否删除 package.json 文件相应依赖包的信息,指令如下:
  • 删除包,但保留 package.json 对应包的信息:
 npm uninstall <包名称>
  • 删除包,同时删除 package.json 生产环境的包信息:
npm uninstall <包名称> --save
  • 删除包,同时删除 package.json 开发环境的包信息:
npm umnstall <包名称> --save-dev。