美文网首页我爱编程
NPM脚本(npm scripts)

NPM脚本(npm scripts)

作者: Gukson666 | 来源:发表于2018-04-08 16:19 被阅读0次

npm

可以通过输入 npm -v 来测试是否成功安装。
npm install <Module Name>
npm 的包安装分为本地安装(local)、全局安装(global)两种。
npm install express 本地安装
npm install express -g 全局安装

注意:webstorm中如果 export default 是灰色,可以点右下角的小人,configure inspection 搜索 unused javascript general 把 global symbol 去掉勾选。

本地安装:将安装包放在 ./node_modules 下(运行 npm 命令时所在的目录)
全局安装:将安装包放在 /usr/local 下或者你 node 的安装目录。
使用以下命令来查看所有全局安装的模块:npm list -g
要查看某个模块的版本号,可以使用命令:npm list grunt

package.json 位于模块的目录下,用于定义包的属性。
可以使用以下命令来卸载 Node.js 模块:npm uninstall express
可以到 /node_modules/ 目录下查看包是否还存在,或者使用以下命令查看:npm ls
可以使用以下命令更新模块:npm update express
使用以下来搜索模块:npm search express
更新npm npm install npm@latest -g

淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org   

之后可使用cnpm install安装依赖项
初始化package.json 文件 npm init
初始化默认package.json文件 npm init -y
安装生产环境所需的包 --save-dev 和 --save 的区别是:

--save 是必须依赖的框架 --save-dev开发需要用的框架

可以使用以下命令在 npm 资源库中注册用户(使用邮箱注册):

$ npm adduser
Username: gukson
Password:
Email: (this IS public) gukson@gmail.com

接下来我们就用以下命令来发布模块:npm publish

语义版本号分为X.Y.Z三位,分别代表主版本号、次版本号和补丁版本号。
如果只是修复bug,需要更新Z位。
如果是新增了功能,但是向下兼容,需要更新Y位。
如果有大变动,向下不兼容,需要更新X位。

NPM提供了很多命令,例如 install 和 publish ,使用 npm help 可查看所有命令。
使用 npm help <command> 可查看某条命令的详细帮助,例如 npm help install
使用npm update <package>可以把当前目录下node_modules子目录里边的对应模块更新至最新版本。
使用npm update <package> -g可以把全局安装的对应命令行程序更新至最新版。
使用npm cache clear可以清空NPM本地缓存,用于对付使用相同版本号发布新版本代码的人。
使用npm unpublish <package>@<version>可以撤销发布自己发布过的某个版本代码。

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

{
  // ...
  "scripts": {
    "build": "node build.js"
  }
}  //build命令对应的脚本是node build.js。命令行使用npm run命令,就可以执行脚本。

$ npm run build

等同于执行

$ node build.js

查看当前项目的所有 npm 脚本命令,可以使用不带任何参数的 npm run 命令。

npm 脚本的原理非常简单。每当执行 npm run,就会自动新建一个 Shell,在这个 Shell 里面执行指定的脚本命令。因此,只要是 Shell(一般是 Bash)可以运行的命令,就可以写在 npm 脚本里面。比较特别的是,npm run新建的这个 Shell,会将当前目录的node_modules/.bin子目录加入PATH变量,执行结束后,再将PATH变量恢复原样。

由于 npm 脚本就是 Shell 脚本,因为可以使用 Shell 通配符。

"lint": "jshint *.js"      //  *表示任意文件名
"lint": "jshint **/*.js"      //  **表示任意一层子目录。

如果要将通配符传入原始命令,防止被 Shell 转义,要将星号转义。
"test": "tap test/\*.js"

如果 npm 脚本里面需要执行多个任务,那么需要明确它们的执行顺序。
如果是并行执行(即同时的平行执行),可以使用&符号。
npm run script1.js & npm run script2.js
如果是继发执行(即只有前一个任务成功,才执行下一个任务),可以使用&&符号。
npm run script1.js && npm run script2.js

四个常用的 npm 脚本有简写形式。

  • npm start是npm run start
  • npm stop是npm run stop的简写
  • npm test是npm run test的简写
  • npm restart是npm run stop && npm run restart && npm run start的简写
  • npm restart是一个复合命令,实际上会执行三个脚本命令:stop、restart、start。
常用脚本示例

// 删除目录
"clean": "rimraf dist/*",

// 本地搭建一个 HTTP 服务
"serve": "http-server -p 9090 dist/",

// 打开浏览器
"open:dev": "opener http://localhost:9090",

// 实时刷新
 "livereload": "live-reload --port 9091 dist/",

// 构建 HTML 文件
"build:html": "jade index.jade > dist/index.html",

// 只要 CSS 文件有变动,就重新执行构建
"watch:css": "watch 'npm run build:css' assets/styles/",

// 只要 HTML 文件有变动,就重新执行构建
"watch:html": "watch 'npm run build:html' assets/html",

// 部署到 Amazon S3
"deploy:prod": "s3-cli sync ./dist/ s3://example-com/prod-site/",

// 构建 favicon
"build:favicon": "node scripts/favicon.js",

相关文章

  • Async / npm scripts(脚本)

    Async npm scripts(脚本)

  • NPM脚本(npm scripts)

    npm 可以通过输入 npm -v 来测试是否成功安装。npm install npm ...

  • npm中script脚本的使用

    一、什么是 npm 脚本? npm 允许在package.json文件里面,使用scripts字段定义脚本命令。 ...

  • package.json配置之script

    script配置 实则为npm脚本(npm允许在package.json文件里面,使用scripts字段定义脚本命...

  • npm入门

    一、什么是 npm 脚本? npm 允许在package.json文件里面,使用scripts字段定义脚本命令。 ...

  • npm scripts 使用指南

    转载自 npm scripts 使用指南 Node 开发离不开 npm,而脚本功能是 npm 最强大、最常用的功能...

  • npm package.json 属性详解

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

  • npm、npm scripts

    1、 如何全局安装一个 node 应用? 上述命令执行之后将会在当前的目录下创建一个 node_modules 的...

  • npm的使用

    关键词:npm 定义:npm 允许在package.json文件里面,使用scripts字段定义脚本命令。 上面代...

  • node读取npm package.json内容

    package.json 可以配置config脚本中 (see npm-scripts) package.json...

网友评论

    本文标题:NPM脚本(npm scripts)

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