稍微有点经验的前端攻城狮肯定对这个知识点不陌生,那就写给像我这样的初级菜鸟吧~
npm在我看来是一种指令,npm包是别人已经封装好的组件,模块,
比如你通过输入命令行 npm install express (顾名思义,安装express包)可以下载安装别人发布到线上的的组件和模块。
通过npm install + <模块名(比如express)>可以把模块下载安装至node_modules目录下。
在平时我们在写前端部分的时候,一般用的是npm install --save-dev 或者--save,
那么它们两个有什么区别呢?
弄懂它们的区别之前,我们需要先弄懂dependencies和devDependencies的区别。
以vue搭建的项目为例,在package.json文件中会有两个配置项,一个是dependencies, 另一个是devDependencies,顾名思义,‘依赖’的意思。
dependencies: 在这个配置下的模块是在生产环境下需要依赖的,
例如vue-router,这个模块上线之后也要一直使用的,不然无法实现页面的跳转。
devDependencies: 在这个配置下的模块是在开发环境下需要依赖的,其中dev也是develop单词的缩写,开发的意思。
例如eslint,你在开发过程中,他会矫正你的代码风格,但是发布到生产环境之后,只要程序能跑起来,那就无所谓那些warning了。
所以了解这个之后就很简单了,
通过npm install <模块名> --save-dev下载的模块,会安装到devDependencies下,代表开发环境下需要依赖的,
通过npm install <模块名> --save下载的模块,会安装到dependencies下,代表生产环境下需要依赖的。
网友评论