zoukankan      html  css  js  c++  java
  • NPM install -save 和 -save-dev

    我们在使用 npm install 安装模块的模块的时候 ,一般会使用下面这几种命令形式:

    npm install moduleName # 安装模块到项目目录下
     
    npm install -g moduleName # -g 的意思是将模块安装到全局,具体安装到磁盘哪个位置,要看 npm config prefix 的位置。
     
    npm install -save moduleName # -save 的意思是将模块安装到项目目录下,并在package文件的dependencies节点写入依赖。
     
    npm install -save-dev moduleName # -save-dev 的意思是将模块安装到项目目录下,并在package文件的devDependencies节点写入依赖。

    那么问题来了,在项目中我们应该使用四个命令中的哪个呢?这个就要视情况而定了。下面对这四个命令进行对比,看完后你就不再这么问了。

    npm install moduleName 命令

    1. 安装模块到项目node_modules目录下。
    2. 不会将模块依赖写入devDependencies或dependencies 节点。
    3. 运行 npm install 初始化项目时不会下载模块。

    npm install -g moduleName 命令

    1. 安装模块到项目node_modules目录下。
    2. 会将模块依赖写入dependencies 节点。
    3. 运行 npm install 初始化项目时,会将模块下载到项目目录下。
    4. 运行npm install --production或者注明NODE_ENV变量值为production时,自动下载模块到node_modules目录中。

    npm install -save-dev moduleName 命令

    1. 安装模块到项目node_modules目录下。
    2. 会将模块依赖写入devDependencies 节点。
    3. 运行 npm install 初始化项目时,会将模块下载到项目目录下。
    4. 运行npm install --production或者注明NODE_ENV变量值为production时,不会自动下载模块到node_modules目录中。

    总结

    devDependencies 节点下的模块是我们在开发时需要用的,比如项目中使用的 gulp ,压缩css、js的模块。这些模块在我们的项目部署后是不需要的,所以我们可以使用 -save-dev 的形式安装。像 express 这些模块是项目运行必备的,应该安装在 dependencies 节点下,所以我们应该使用 -save 的形式安装。

    dependencies与devDependencies之间的区别

    首先需要说明的是Dependencies一词的中文意思是依赖和附属的意思,而dev则是develop(开发)的简写。

    –save-dev 和 –save 的区别

    我们在使用npm install 安装模块或插件的时候,有两种命令把他们写入到 package.json 文件里面去,比如:

    • –save-dev 安装的 插件,被写入到 devDependencies 对象里面去

    • –save 安装的 插件 ,被写入到 dependencies 对象里面去

    package.json 文件里面的 devDependencies 和 dependencies 对象有什么区别呢?

    • devDependencies 里面的插件只用于开发环境,不用于生产环境
    • dependencies 是需要发布到生产环境的。

    比如:

    webpackgulp等打包工具,这些都是我们开发阶段使用的,代码提交线上时,不需要这些工具,所以我们将它放入devDependencies即可,但是像jquery这类插件库,如果我们不把他打入线上代码中,那么项目就可能报错,无法运行,所以类似这种项目必须依赖的插件库,我们则必须打入dependencies中,这下子都明白了吧。
  • 相关阅读:
    poj 1743 Musical Theme 后缀数组
    poj 1743 Musical Theme 后缀数组
    cf 432D Prefixes and Suffixes kmp
    cf 432D Prefixes and Suffixes kmp
    hdu Data Structure? 线段树
    关于position和anchorPoint之间的关系
    ios POST 信息
    CALayers的代码示例
    CALayers详解
    ios中得sqlite使用基础
  • 原文地址:https://www.cnblogs.com/windok/p/10675844.html
Copyright © 2011-2022 走看看