关于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下实现交换数组元素上下移动例子 在写项目的时候,要实现一个数组记录上下移动的示例。写起来也没有没麻烦,无非是交换数组元素。最终实现代...
2017-05-02
关于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
JS实现可直接显示网页代码运行效果的HTML代码预览功能实例
本文实例讲述了JS实现可直接显示网页代码运行效果的HTML代码预览功能。分享给大家供大家参考。具体如下: JavaScript实现HTML代码预览功能,直接在网页上显示代码运行的效果,就例如点击“运行代码”后的效果,使用时,你只需将需要运行...
2017-03-27
详细解读AngularJS中的表单验证编程
需求 Name 必填 Username 非必填,最小长度3,最大长度8 Email 非必填,但必须是合法的email 验证未通过的表单不能提交 显示一个必填或者非法email格式的错误信息 如果正确提交就弹出一个祝贺信息 现在知道我们的...
2017-03-25
详细解读JavaScript编程中的Promise使用
Promise核心说明 尽管Promise已经有自己的规范,但目前的各类Promise库,在Promise的实现细节上是有差异的,部分API甚至在意义上完全不同。但Promise的核心内容,是相通的,它就是then方法。在相关术语中,pro...
2017-03-27
回到顶部