实例详解带参数的 npm script


Posted in Javascript onMay 28, 2019

添加参数可以减少重复的 npm script。拿 eslint 来说,传入 --fix 参数,就开启内置的代码风格自动修复模式,好智能听起来。

"scripts": {
  ...,
  "lint:js": "eslint ./src/**/*.js",
  "lint:js:fix": "eslint ./src/**/*.js --fix"
}

本着不 DRY 的原则,而且还会遇上复制粘贴带来的风险,可以这么巧妙的配置:

"scripts": {
  ...,
  "lint:js": "eslint ./src/**/*.js",
  "lint:js:fix": "npm run lint:js -- --fix"
}

对面个上面命令配置, --fix 前面添加了 -- , -- 是分隔符,意思就是给 npm run lint:js 添加额外的参数。

这个时候看看你的代码,你会发现一些代码风格就自动修复了。

添加注释

随着命令配置越来越多,添加注释势在必行,以保障代码的可读性和维护性。

在 package.json 中添加 // 为键的值

"scripts": {
  ...,
  "//": "并行检查所有代码编程风格",
  "lint:bx-all": "npm-run-all --parallel lint:*"
}

添加 // 的方式明显有不足,npm run 不能将注释和命令对应上,且只会列出最后那个。

直接在脚本命令中编辑加注释

"scripts": {
  ...,
  "lint-bx-all": "# 并行检查所有代码编程风格 \n npm-run-all --parallel lint:*"
}

注意 \n 后面有空格,主要是为了排版(换行或缩进)美观,当然了也可以用 \t 。

运行时日志

默认日志

不添加任何参数控制日志输出,也是最常用的,可以看到执行命令和执行命令的结果。

更简洁的日志 -s

搭配 --loglevel silent 或 --silent 或 -s 参数来控制日志输出,

不简洁的日志 -d

使用场景多在排查脚本问题的时候可用,搭配 --loglevel verbose 或 --verbose 或 -d (本来以为是 -v ,估计是 -v 是 version)

总结

以上所述是小编给大家介绍的带参数的 npm script,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
js中cookie的添加、取值、删除示例代码
Oct 21 Javascript
jQuery遍历页面所有CheckBox查看是否被选中的方法
Apr 14 Javascript
jQuery实现仿美橙互联两级导航菜单效果完整实例
Sep 17 Javascript
JS类的定义与使用方法深入探索
Nov 26 Javascript
JS基于正则表达式的替换操作(replace)用法示例
Apr 28 Javascript
详解从新建vue项目到引入组件Element的方法
Aug 29 Javascript
checkbox:click事件触发span元素内容改变的方法
Sep 11 Javascript
详解vue后台系统登录态管理
Apr 02 Javascript
Vue项目中使用jquery的简单方法
May 16 jQuery
Vue中的组件及路由使用实例代码详解
May 22 Javascript
原生js代码能实现call和bind吗
Jul 31 Javascript
详解element-ui中表单验证的三种方式
Sep 18 Javascript
jquery实现Ajax请求的几种常见方式总结
May 28 #jQuery
Vue2.x通用条件搜索组件的封装及应用详解
May 28 #Javascript
jquery操作select常见方法大全【7种情况】
May 28 #jQuery
vue实现条件叠加搜索的解决方法
May 28 #Javascript
webpack4 从零学习常用配置(小结)
May 28 #Javascript
详解ES6 export default 和 import语句中的解构赋值
May 28 #Javascript
jQuery实现高级检索功能
May 28 #jQuery
You might like
如何利用php+mysql保存和输出文件
2006/10/09 PHP
php获取远程图片体积大小的实例
2013/11/12 PHP
PHP输出缓存ob系列函数详解
2014/03/11 PHP
将CMYK颜色值和RGB颜色相互转换的PHP代码
2014/07/28 PHP
个人写的PHP验证码生成类分享
2014/08/21 PHP
Laravel 5框架学习之路由、控制器和视图简介
2015/04/07 PHP
PHP开发之归档格式phar文件概念与用法详解【创建,使用,解包还原提取】
2017/11/17 PHP
php微信公众号开发之图片回复
2018/10/20 PHP
9个javascript语法高亮插件 推荐
2009/07/18 Javascript
优化javascript的执行速度
2010/01/23 Javascript
range 标准化之获取
2011/08/28 Javascript
使用javascript为网页增加夜间模式
2014/01/26 Javascript
Javascript Objects详解
2014/09/04 Javascript
jQuery及JS实现循环中暂停的方法
2015/02/02 Javascript
纯javascript模仿微信打飞机小游戏
2015/08/20 Javascript
JavaScript学习总结之JS、AJAX应用
2016/01/29 Javascript
实例剖析AngularJS框架中数据的双向绑定运用
2016/03/04 Javascript
JavaScript知识点总结(十一)之js中的Object类详解
2016/05/31 Javascript
node koa2实现上传图片并且同步上传到七牛云存储
2017/07/31 Javascript
vue.js移动数组位置,同时更新视图的方法
2018/03/08 Javascript
vue中的$emit 与$on父子组件与兄弟组件的之间通信方式
2018/05/13 Javascript
详解vue使用vue-layer-mobile组件实现toast,loading效果
2018/08/31 Javascript
Vue实战教程之仿肯德基宅急送App
2019/07/19 Javascript
Python使用回溯法子集树模板获取最长公共子序列(LCS)的方法
2017/09/08 Python
python f-string式格式化听语音流程讲解
2019/06/18 Python
Pytorch对Himmelblau函数的优化详解
2020/02/29 Python
python脚本使用阿里云slb对恶意攻击进行封堵的实现
2021/02/04 Python
MCAKE蛋糕官方网站:一直都是巴黎的味道
2018/02/06 全球购物
自荐信格式
2013/12/01 职场文书
初婚未育证明
2014/01/15 职场文书
信息科学与技术专业求职信范文
2014/02/20 职场文书
学历公证书范本
2014/04/09 职场文书
师范生免费教育协议书范本
2014/10/09 职场文书
5.12护士节活动总结
2015/02/10 职场文书
税务会计岗位职责
2015/04/02 职场文书
详解thinkphp的Auth类认证
2021/05/28 PHP