当前位置: 首页 > 编程笔记 >

package.json中homepage属性的作用详解

吕琪
2023-03-14
本文向大家介绍package.json中homepage属性的作用详解,包括了package.json中homepage属性的作用详解的使用技巧和注意事项,需要的朋友参考一下

Package.json 属性说明

  • name - 包名。
  • version - 包的版本号。
  • description - 包的描述。
  • homepage - 包的官网 url 。
  • author - 包的作者姓名。
  • contributors - 包的其他贡献者姓名。
  • dependencies - 依赖包列表。如果依赖包没有安装,npm 会自动将依赖包安装在 node_module 目录下。
  • repository - 包代码存放的地方的类型,可以是 git 或 svn,git 可在 Github 上。
  • main - main 字段指定了程序的主入口文件,require('moduleName') 就会加载这个文件。这个字段的默认值是模块根目录下面的 index.js。
  • keywords - 关键字

前端开发的同学对 package.json 文件一定不陌生,但我们通常很少去关注它,最熟悉的莫过于几个最基本的属性,如:

  1. name,项目名称
  2. version,项目版本号
  3. dependencies,项目依赖包
  4. scripts,npm命令

package.json 其实还有很多属性可以配置的,这里就介绍一个 homepage 属性的作用。

homepage 的作用是设置应用的跟路径,我们的项目打包后是要运行在一个域名之下的,有时候可能是运行在跟域名下,也有可能运行在某个子域名下或或域名的某个目录下,这时候我们就需要让我们的应用知道去哪里加载资源,这时候就需要我们设置一个跟路径,而且有时候我们的资源会部署在 CDN 上,你必须告诉打包工具你的CDN地址是什么。

比如我们用 create-react-app 开发的 React 应用,以及 Vue CLI 开发的项目,默认是继承了 webpack 的,当不配置 homepage 属性,build 打包之后的文件资源应用路径默认是 / ,如下图

当你设置了 homepage 属性后,比如我这里homepage 设置为 github 的 pages 服务地址

打包后的资源路径就会加上 homepage 的地址。比如上面图片配置好 homepage 之后我打包一个 React 项目,打包后 index.html 页面的资源路径就是:

到此这篇关于package.json中homepage属性的作用详解的文章就介绍到这了,更多相关package.json homepage属性内容请搜索小牛知识库以前的文章或继续浏览下面的相关文章希望大家以后多多支持小牛知识库!

 类似资料:
  • 本文向大家介绍package.json各个属性说明详解,包括了package.json各个属性说明详解的使用技巧和注意事项,需要的朋友参考一下 什么是Node.js的模块(Module)? 在Node.js中,模块是一个库或框架,也是一个Node.js项目。Node.js项目遵循模块化的架构,当我们创建了一个Node.js项目,意味着创建了一个模块,这个模块的描述文件,被称为package.jso

  • 问题内容: 我正在学习node.js并表示,我想知道./package.json文件中的“私有”属性是用来做什么的吗? 问题答案: 取自本网站https://docs.npmjs.com/files/package.json#private 如果您在package.json中设置“ private”:true,则npm将拒绝发布它。 这是防止意外发布私有存储库的方法。

  • 本文向大家介绍详解Swift中属性的声明与作用,包括了详解Swift中属性的声明与作用的使用技巧和注意事项,需要的朋友参考一下 一、引言 属性将值与类,结构体,枚举进行关联。Swift中的属性分为存储属性和计算属性两种,存储属性用于存储一个值,其只能用于类与结构体,计算属性用于计算一个值,其可以用于类,结构体和枚举。 二、存储属性 存储属性使用变量或者常量来存储一个值,在声明存储属性时,可以为其设

  • 本文向大家介绍bootstrap中的 form表单属性role="form"的作用详解,包括了bootstrap中的 form表单属性role="form"的作用详解的使用技巧和注意事项,需要的朋友参考一下 html 里面的 role 本质上是增强语义性,当现有的HTML标签不能充分表达语义性的时候,就可以借助role来说明。通常这种情况出现在一些自定义的组件上,这样可增强组件的可访问性、可用性和

  • 本文向大家介绍详解JS中的attribute属性,包括了详解JS中的attribute属性的使用技巧和注意事项,需要的朋友参考一下 Attribute是属性的意思,文章仅对部分兼容IE和FF的Attribute相关的介绍。 attributes:获取一个属性作为对象getAttribute:获取某一个属性的值 object.getAttributes(attribute) getAttribute

  • 本文向大家介绍Python关于__name__属性的含义和作用详解,包括了Python关于__name__属性的含义和作用详解的使用技巧和注意事项,需要的朋友参考一下 Python中的模块(.py文件)在创建之初会自动加载一些内建变量,__name__就是其中之一。Python模块中通常会定义很多变量和函数,这些变量和函数相当于模块中的一个功能,模块被导入到别的文件中,可以调用这些变量和函数。那么