package.json相关知识记录

这篇具有很好参考价值的文章主要介绍了package.json相关知识记录。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、相关字段

npm官方字段介绍

🍧 bin   =>   简单理解:指定命令的名称及路径
  🍉 相当于想path中添加路径,局部安装是在./node_modules/.bin/,全局安装是在全局的bin目录
  🍉 bin指定的文件必须以#!/usr/bin/env node开头,系统才会使用node去执行该指定文件
  🍉 npm link对开发的npm包进行调试测试的时候也可以用到

// 情况1,bin字段是一个对象
// 命令行运行  =>  show xxx参数
"bin": {
	"show": "./lib/index.js"
}

// 情况2,bin字段是一个字符串
// 命令行运行  =>  [npm包名] xxx参数
"bin": "./lib/index.js"

🍧 files   =>   简单理解:发布到npm包时需要打包的文件
  🍉 以下的配置在npm打包的过程中,无论设置怎样的配置文件都会被打包到npm包中
    🍉 🍉 package.json
    🍉 🍉 README
    🍉 🍉 CHANGES / CHANGELOG / HISTORY
    🍉 🍉 LICENSE / LICENCE
    🍉 🍉 NOTICE
    🍉 🍉 The file in the "main" field
  🍉 以下的配置在npm打包的过程中,不会被打包到npm包中
    🍉 🍉 .git, CVS, .svn, .hg, .lock-wscript, .wafpickle-N, .DS_Store, npm-debug.log, .npmrc, node_modules, config.gypi, package-lock.json,

🍧 types  =>   简单理解:发布到npm包时需要打包的ts类型文件

二、依赖的版本号

常见版本号修饰符 ^和~

无修饰符     =>   0.1.2 匹配版本 0.1.2
~ 修饰符   =>   ~0.1.2 匹配版本 0.1.*
^ 修饰符   =>   ^0.1.2 匹配版本 0.*.*

版本号相关参考链接

🍉 版本号比较轮子   =>   compare-versions
🍉 package.json中版本号详解
🍉 npm依赖包指定git仓库文章来源地址https://www.toymoban.com/news/detail-681478.html

git 校验可能用到的配置

 "lint-staged": {
    "**/*.{js,jsx,ts,tsx,vue}": "leolint exec eslint"
  }

代码校验及风格化可能用到的配置

"husky": {
    "hooks": {
      "commit-msg": "leolint commit-msg-scan ",
      "pre-commit": "leolint commit-file-scan"
    }
  },
  "config": {
    "commitizen": {
      "path": "./node_modules/cz-conventional-changelog"
    }
  }

到了这里,关于package.json相关知识记录的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【前端工程化】万字拆解package.json (一)

    package 指拥有 package.json 的一个文件夹(或压缩包),而 package 的属性就是 package.json 文件的内容,比如: name :这个包叫什么名字,唯一 version :这个包的版本号是多少 main :这个包默认引入的是哪个文件 homepage :这个包的官网或者文档 semver ,语义化版本,它由 [major,minor,

    2024年02月11日
    浏览(39)
  • 记录--工程化第一步这个package.json要真的搞明白才行

    工程化最开始就是package.json开始的,很多人学了很多年也没搞清楚这个为什么这么神奇,其实有些字段是在特定场景才有效的,那每个属性的适用场景和作用是什么,又牵扯很多知识点,今天先解读一些常见的属性, 关注我 ,后期在遇到特定场景也会再逐步的补充这些属性

    2024年02月04日
    浏览(42)
  • 【前端工程化】配置package.json中scripts命令脚本,新手必学

    每日鸡汤:你总要努力追上那个曾经被赋予众望的自己吧 目录 前言 一、运行npm run 命令之后会干啥? 1. scripts里面写啥 2. node_modules/.bin 二进制可执行文件 二、运行插件配置 1. 运行某个npm包的命令 2. 多个命令一起运行  总结 配置package.json中scripts脚本是node开发中第一技能。

    2024年02月05日
    浏览(41)
  • npm install 包的时候,提示安装成功,但是项目中没有出现,node_modules也没有安装的包,package.json中也没有任何依赖包记录

    ——这种情况一般是包安装错了目录! 1. 查看npm的配置   2.查看全局下,是否有自己安装的包 找到返回的地址中是否有自己安装的包 3.修改npm配置信息 ,查看  图例1 ,global属性是否安装到全局,如果你的这里是true,那么,就算你安装一个包时,没有写-g,它也会自动将你

    2024年02月11日
    浏览(59)
  • 前端开发——Javascript知识(介绍)

    目录 有关JavaScript的知识  JavaScript的优点   JavaScript的领域 JavaScript的组成 JavaScript的特点 第一个JavaScript程序 在 HTML 文档中嵌入 JavaScript 代码 在脚本文件中编写 JavaScript 代码 JavaScript内容  Html内容  JavaScript 代码执行顺序 JavaScript中的几个重要概念 标识符 保留字 区分

    2024年02月01日
    浏览(47)
  • 【前端知识】JavaScript——Symbol类型

    什么是Symbol(符号)类型? ​ Symbol是原始值,且Symbol实例是唯一、不可变的。Symbol的用途是确保对象属性使用唯一标识符,不会发生属性冲突的危险。Symbol创建唯一记号,进而用作非字符串形式的对象属性。 如何使用Symbol? 全局符号注册表 使用符号作为属性 常用内置符号

    2024年02月16日
    浏览(45)
  • Lottie--前端动画效果--UI输出json格式--lottie动画在JavaScript中使用

    Lottie一个适用于Web、Android、iOS、React Native和Window的移动库,它可以使用Bodymovin解析以json格式导出的Adobe After Effects动画,并再移动设备上进行本地渲染。 1.需要引入JavaScript文件,我使用的是cdn中的链接。这里直接上链接,按需取用。点这里 2.json格式的文件 我不是UI啊,我也

    2023年04月09日
    浏览(51)
  • 记录坑,接口不返回json突然返回前端页面html

    前端本地在调试页面,突然告诉我一个很久没动的好端端的接口突然返回值变成了html , 查遍了生产环境和测试环境同一个页面接口返回值都没问题, 问题只出在他本地环境 ,关键他连的是测试环境(数据正常)的接口, 前端让我排查接口,服务器配置,我考虑半天可能出现的

    2024年02月03日
    浏览(38)
  • AIGC相关知识记录-1. 上手ChatGPT

    1.ChatGpt的申请与使用 提示词的加入,例如: a. 秃头和皱纹之间的如何联系? b. 秃头和皱纹之间的如何联系?Let’s think step by step. 第二个问题是加入了提示词的帮助。 ●基础大语言模型,预测下一个出现的概率。 ●指令调优大语言模型,当前主要研究方向。(在Base LLM上通过

    2024年02月07日
    浏览(48)
  • 前端 - HTTP 相关知识

    http 常见状态码有哪些? http 常见的 Header 有哪些? 什么是 Restful API ? 描述一下 http 的缓存机制(重要)。 1xx - 服务器收到请求 2xx - 请求成功,如 200 3xx - 重定向,如 302 4xx - 客户端错误,如 404 5xx - 服务端错误,如 500 200 - 成功 301 - 永久重定向(配合 location ,浏览器自动处

    2024年02月03日
    浏览(35)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包