美文网首页webpack
npm install --save-dev和 --save的区

npm install --save-dev和 --save的区

作者: 七八七七 | 来源:发表于2018-05-05 22:20 被阅读0次

    稍微有点经验的前端攻城狮肯定对这个知识点不陌生,那就写给像我这样的初级菜鸟吧~
    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下,代表生产环境下需要依赖的。

    相关文章

      网友评论

        本文标题:npm install --save-dev和 --save的区

        本文链接:https://www.haomeiwen.com/subject/ywoerftx.html