Web 前端开发 让前端飞

npm的使用

2017-03-23  本文已影响0人  IT男的成长记录

npm介绍

npm的基本命令

package.json说明

当我们使用 npm init 命令来创建一个新的项目(模块)时,会生成package.json用来对该项目进行相关描述:

bin的作用:
package.json
{
  "name": "yanxintest",
  "version": "1.0.11",
  "description": "test npm",
  "main": "index.js",
  "bin": {
        "sayhello": "./bin/sayhello"
    },
  "author": "yanxin",
  "license": "ISC"
}

"sayhello": "./bin/sayhello"表明了在和package.json同级目录下,存在一个bin文件夹,其中有个sayhello文件.

01.png 02.png

该sayhello文件中包含的是可以在nodejs中运行的JavaScript语句

// sayhello文件
#!/usr/bin/env node   
console.log("hello npm!");

其中,!/usr/bin/env node表明了这是在nodejs环境中运行的.

当用户全局安装该npm工具时,会在/usr/local/bin/(视具体情况而定) 目录下创建快捷方式sayhello,该快捷方式指向了/usr/local/lib/node_modules/npm工具名称/bin目录下的sayhello文件.

当在命令行中输入sayhello命令时,nodejs会自动运行对应的sayhello文件,执行相应的操作.

scripts的作用:

npm允许在package.json文件里面,使用scripts字段定义脚本命令

//...
"scripts" : {
    "build": "node build.js"
}

上面的代码时package.json文件的一个片段,里面的scripts字段是一个对象.它的每一个属性,对应一段脚本.例如,build命令对应的脚本时node build.js.

命令行下使用 npm run 命令,就可以执行这段脚本.

$ npm run build
# 等同于执行
$ node build.js

例子说明:

{
    "name": "demo01",
    "version": "1.0.0",
    "description": "",
    "main": "index.js",
    "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1",
        "webpack": "webpack app.js app.merge.js"
    },
    "author": "",
    "license": "ISC",
    "devDependencies": {
        "webpack": "^2.3.2"
    }
}

scripts中的"webpack": "webpack app.js app.merge.js",当运行npm run webpack时,会优先从 ./node_modules/.bin/目录中去找webpack文件(该文件是和./node_modules/webpack/bin/webpack.js是一致的),如果存在webpack文件,则运行该文件,如果不存在则会在全局安装npm模块的目录下去寻找相应的文件(在usr/local/bin目录下的webpack文件是个快捷方式,它指向了usr/local/lib/node_modules/webpack/bin/webpack.js)

上一篇下一篇

猜你喜欢

热点阅读