有时需要在运行npm run时,执行多个自定义的任务,此时可以使用增加scripts中条目,然后用一个总任务脚本将相关条目用&&串联起来的方式进行。
我们知道:在package.json中,scripts里的条目可使用:npm run XXX(脚本关键字)来自动执行。
通常情况下,我们在生产环境下,只需运行npm run build。如是本地开发,就用npm run watch。
比如在package.json中:
  "main": "index.html",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "webpack-dev-server --inline --hot",
    "build": "webpack -p"
  "author": "Johnson Ju <zz9933@qq.com>",
  "license": "MIT",
  "devDependencies": {
  "dependencies": {
    "vuetable": "git://github.com/ratiw/vue-table.git#develop"
}
其中:
在"scripts": {...}条目里有一句:
"build": "webpack -p",使用webpack打包。
但有时一个build条目可能无法满足我们执行多任务的需求。怎么办呢?
我们可以分解任务来执行:
比如: "build-js"和 "build-css",分别类似这样子的:
" build-js ": "browserify browser/main.js | uglifyjs -mc > static/bundle.js" ,
 "build-css": "cat static/pages/*.css tabs/*/*.css",
然后,通过另一条脚本将上面串联起来(注意中间用了“&&” 连接):
 "build": "npm run build-js && npm run build-css",
事实上,scripts中的条目都可以使用命令行:npm run XXX(脚本关键字)来执行。
所以,通过上述方式,执行一次
npm run build 即可将 build-js和build-css任务同时自动完成了。
同理,watch, start,test均可如法炮制。最后的
{
  "main": "index.html",
   "scripts": {
 "build-js": "browserify browser/main.js | uglifyjs -mc > static/bundle.js",
  "build-css": "cat static/pages/*.css tabs/*/*.css",
 "build": "npm run build-js && npm run build-css",
 "watch-js": "watchify browser/main.js -o static/bundle.js -dv",
 "watch-css": "catw static/pages/*.css tabs/*/*.css -o static/bundle.css -v",
 "watch": "npm run watch-js & npm run watch-css",
 "start": "node server.js",
 "test": "tap test/*.js"
  "author": "Johnson Ju <zz9933@qq.com>",
  "license": "MIT",
  "devDependencies": {……  },
  "dependencies": {
    "vuetable": "git://github.com/ratiw/vue-table.git#develop"
                    先将任务分解成多条分支任务,然后将这些分支任务用&&串联成一条总任务来执行: "build": "npm run build-js && npm run build-css",再用npm run XXX(总任务的脚本关键字,这里是build)来执行总任务即可。
 一个CLI工具,以交互方式选择一个或多个package.json npm脚本来运行。
如果您有多个linter,格式化程序或测试脚本,且这些脚本想与有限的类型一起运行。 另外,如果您想在开发或监视模式下运行服务器,但是不记得确切的命令,则可以使用模糊搜索快速找到并运行它。
npm i -g select-run 
全局安装后,请从package.json所在的目录运行select-run 。
 使用箭头键在列表中上下导航,并使用<space>选择脚本。 同样,您可以随时开始键入内容以在实时搜索中过滤列表。 选择所有所需的脚本后,按<return>提交选
				
管理 npm 脚本 无需编辑 package.json 即可管理 package.json npm run scripts $ npm install -g manage-npm-scripts $ npm-script set example "echo This is an example" set: example $ npm-script ls example: echo This is an example $ npm-script get example echo This is an example $ npm run example > npm-script@1.0.0 example /Users/rebecca/code/npm-script > echo This is an example This is an example $ npm-script set
scripts: { dev: webpack-dev-server --inline --progress --config build/webpack.dev.conf.js, start: npm run dev, build: node build/b
最近一段时间在用electron+vue做内部项目的一键构建发布系统的桌面应用,现就其中打包流程写个备注,以示记录。 Windows环境打包:1.首先贴一下package.json。 "name": "******",//隐藏项目名 "version": "**.**.**",//隐藏版本号 "author": "*** &l...
npm run命令需和项目根目录下的package.json文件配合使用; npm run执行package.json文件的“scripts”属性中定义的命令,如下例: "name":"my-project", "version":"1.0.0", "description":"AVue.jsproject", "author":"zhouguoqing<zhouguoqing@clinbrain.com>", "private":true...
一:package.json概述 每个项目的根目录下面,一般都有一个package.json文件,定义了这个项目所需要的各种模块,以及项目的配置信息(比如名称、版本等)。 npm install命令根据这个配置文件,自动下载所需的模块,也就是配置项目所需的运行和开发环境。 shit+右键菜单->可以快速打开命令行窗口在当前文件夹然后运行npm
DESCRIPTION 本文档有所有package.json中必要的配置。它必须是真正的json,而不是js对象。 本文档中描述的很多行为都受npm-config(7)的影响。 在package.json中最重要的就是name和version字段。他们都是必须的,如果没有就无法install。name和version一起组成的标识在假设中是唯一的。改变包应该同时改变version...