关于package.json中的scripts命令运行说明

2018-12-06 admin

首先来看package.json中的scripts配置图:

clipboard.png

然后,我们可以使用npm run <对应名称> (例如:npm run dev:proxy1运行)。 但我们可以看到 cross-env METHOD=proxy1 npm-run-all --parallel dev proxy1

cross-env

cross-env文档

cross-env能跨平台地设置及使用环境变量

大多数情况下,在windows平台下使用类似于: NODE_ENV=production的命令行指令会卡住,windows平台与POSIX在使用命令行时有许多区别(例如在POSIX,使用$ENV_VAR,在windows,使用%ENV_VAR%。。。)

cross-env让这一切变得简单,不同平台使用唯一指令,无需担心跨平台问题

npm安装方式

npm i --save-dev cross-env

在npm脚本(多是package.json)里这么配置

{
  "scripts": {
    "build": "cross-env NODE_ENV=production webpack --config build/webpack.config.js"
  }
}

运行npm run build,这样NODE_ENV便设置成功,无需担心跨平台问题

npm-run-all

npm-run-all文档

npm-run-all软件包提供3个CLI命令。

npm-run-all run-s run-p

主命令是npm-run-all。我们可以使用npm-run-all命令制作复杂的计划。

这两种run-s 和 run-p是速记的命令。 run-s用于顺序,run-p用于并行。我们可以使用这些命令制定简单的计划。

clipboard.png $ npm-run-all --parallel dev proxy2 这类似于:npm run dev && npm run proxy2

运行mpvue小程序: clipboard.png 运行koa2服务器后端: clipboard.png clipboard.png

原文链接:https://segmentfault.com/a/1190000017282417

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-47470.html

文章标题:关于package.json中的scripts命令运行说明

相关文章
关于JavaScript
JavaScript是什么? JavaScript是一个跨平台的、面向对象的脚本语言,这是一个小而轻语言,入门十分简单。 JavaScript对象包含一个标准库,如 数组 , 日期 , math 和一组核心的语言元素,如运算符,控制结构和语...
2015-11-12
数据格式之战:JSON vs XML
在比较JSON和XML之前,我们先来上一堂关于数据格式的简要历史(更准确的说,是关于XML的始祖): 早在1970年,IBM开发了一种叫Generalized Markup Language的标记语言,简称GML,它主要是为脚本语言定义的一...
2016-01-13
JavaScript中的call方法和apply方法使用对比
方法定义 call方法: 语法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象。 说明: call 方法可以用来代替另一个对象调用一个方法。c...
2017-03-29
javascript 中的try catch应用总结
&lt;script language=&quot;javascript&quot;&gt; try { throw new Error(10,&quot;asdasdasd&quot;) } catch (e) { alert(e.mes...
2017-04-05
详解JavaScript ES6中的Generator
今天讨论的新特性让我非常兴奋,因为这个特性是 ES6 中最神奇的特性。 这里的“神奇”意味着什么呢?对于初学者来说,该特性与以往的 JS 完全不同,甚至有些晦涩难懂。从某种意义上说,它完全改变了这门语言的通常行为,这不是“神奇”是什么呢。 ...
2017-03-27
详解JavaScript中jQuery和Ajax以及JSONP的联合使用
借助于 XMLHttpRequest,浏览器可以在整个页面不刷新的情况下与服务端进行交互,这就是所谓的 Ajax(Asynchronous JavaScript and XML)。Ajax 可以为用户提供更为丰富的用户体验。 Ajax 请求...
2017-03-29
详细解读AngularJS中的表单验证编程
需求 Name 必填 Username 非必填,最小长度3,最大长度8 Email 非必填,但必须是合法的email 验证未通过的表单不能提交 显示一个必填或者非法email格式的错误信息 如果正确提交就弹出一个祝贺信息 现在知道我们的...
2017-03-25
JavaScript中的slice()方法使用详解
此方法提取字符串的一部分,并返回一个新的字符串。 语法 string.slice( beginslice [, endSlice] ); 下面是参数的详细信息: beginSlice : 从零开始的索引位置开始提取 endSlice :...
2017-03-24
深入分析JSON编码格式提交表单数据
以JSON编码格式提交表单数据是HTML5对WEB发展进化的又一大贡献,以前我们的HTML表单数据是通过key-value方式传输的服务器端,这种形式的传输对数据组织缺乏管理,形式十分原始。而新出现的JSON格式提交表单数据方法,将表单里的...
2017-03-25
详细解读JavaScript编程中的Promise使用
Promise核心说明 尽管Promise已经有自己的规范,但目前的各类Promise库,在Promise的实现细节上是有差异的,部分API甚至在意义上完全不同。但Promise的核心内容,是相通的,它就是then方法。在相关术语中,pro...
2017-03-27
回到顶部