首页 > 其他分享 >前端小白Step2-package.json文件详解

前端小白Step2-package.json文件详解

时间:2023-09-04 16:56:04浏览次数:44  
标签:npm 文件 依赖 项目 package json Step2

前文已讲过  package.json -------npm的配置文件,主要用于确定当前项目直接依赖的包版本的范围(例如:^1.0.0表示的是大于等于1.0.0小于2.0.0)只依赖package.json管理包会有两个缺点:     * . 同一份package.json安装的依赖版本可能不同,如果依赖包有小版本更新并且引入了bug会导致重新装包的项目报错。     * . package.json中声明的只是直接依赖,依赖的依赖无法通过package.json控制。 除了确定依赖的包范围以外,还有哪些功能呢,下面就让我们揭开package.json 的神秘面纱。

  • package.json文件的创建
npm init  #创建一个package.json文件

npm init -y #跳过所有的问题
  • package.json 配置项组成
    name:项目/模块名称,长度必须小于等于214个字符,不能以"."(点)或者"_"(下划线)开头,不能包含大写字母。此为必须项
    version:项目版本。此为必须项
    author:项目开发者,它的值是你在https://npmjs.org网站的有效账户名,遵循“账户名<邮件>”的规则,例如:zhangsan [email protected]。
    description:项目描述,是一个字符串。它可以帮助人们在使用npm search时找到这个包。
    keywords:项目关键字,是一个字符串数组。它可以帮助人们在使用npm search时找到这个包。
    private:是否私有,设置为 true 时,npm 拒绝发布。
    license:软件授权条款,让用户知道他们的使用权利和限制。
    bugs:bug 提交地址。
    contributors:项目贡献者 。
    repository:项目仓库地址。
    homepage:项目包的官网 URL。
    dependencies:生产环境下,项目运行所需依赖。编译后打包
    devDependencies:开发环境下,项目所需依赖。编译后不打包
    scripts:执行 npm 脚本命令简写,比如 “start”: “react-scripts start”, 执行 npm start 就是运行 “react-scripts start”。其中scripts脚本内任务可以相互依赖,相互依赖的形式可以通过前缀pre/post或者通过xx:a的形式表示,pre和:a均表示在xx 执行之前执行该命令。
    bin:内部命令对应的可执行文件的路径。
    main:项目默认执行文件,比如 require(‘webpack’);就会默认加载 lib 目录下的 webpack.js 文件,如果没有设置,则默认加载项目跟目录下的 index.js 文件。
    module:是以 ES Module(也就是 ES6)模块化方式进行加载,因为早期没有 ES6 模块化方案时,都是遵循 CommonJS 规范,而 CommonJS 规范的包是以 main 的方式表示入口文件的,为了区分就新增了 module 方式,但是 ES6 模块化方案效率更高,所以会优先查看是否有 module 字段,没有才使用 main 字段。
    eslintConfig:EsLint 检查文件配置,自动读取验证。
    engines:项目运行的平台。
    browserslist:供浏览器使用的版本列表。
    style:供浏览器使用时,样式文件所在的位置;样式文件打包工具parcelify,通过它知道样式文件的打包位置。
    files:被项目包含的文件名数组。

  

标签:npm,文件,依赖,项目,package,json,Step2
From: https://www.cnblogs.com/kxg916361108/p/17677535.html

相关文章

  • MySQL的Json类型个人用法详解
    ​ 前言虽然MySQL很早就添加了Json类型,但是在业务开发过程中还是很少设计带这种类型的表。少不代表没有,当真正要对Json类型进行特定查询,修改,插入和优化等操作时,却感觉一下子想不起那些函数怎么使用。比如把json里的某个键和值作为SQL条件,修改某个键下的子键的值,其中可能会遇到......
  • MybatisPlus处理Mysql的json类型
    MybatisPlus处理Mysql的json类型1、在数据库表定义JSON字段;2、在实体类加上@TableName(autoResultMap=true)、在JSON字段映射的属性加上@TableField(typeHandler=JacksonTypeHandler.class);1.实体类中有个属性是其他对象,或者是List;在数据库中存储时使用的是mysql的json格式,此......
  • whindows minio config.json是文件夹的情况下修改后台管理员账号和密码
    1.创建系统环境变量在环境变量中添加“MINIO_ACCESS_KEY”和“MINIO_SECRET_KEY”作为用户名和密码2.启动服务修改完环境变量后,需要重新打开cmd窗口,用命令行启动服务即可重启后,账号和密码就变成了环境变量中设置的值......
  • UTSJSONOBJECT
    UTSJSONObjectUTSJSONObject是UTS语言的内置类型,主要用来操作匿名对象#创建实例UTSJSONObject对象的实例目前主要通过两种方式来创建:通过对象字面量constperson:UTSJSONObject={name:'Tom',printName:()=>{//...}}复制代码通过JS......
  • JSON
    JSON#静态方法#parseJSON.parse()方法用来解析JSON字符串,构造由字符串描述的UTSJSONObject。constjson=`{"result":true,"count":42}`;constobj=JSON.parse(json);console.log(obj["count"]);//expectedoutput:42console.log(obj["resu......
  • Java:SpringBoot使用AES对JSON数据加密和解密
    目录1、加密解密原理2、项目示例2.1、项目结构2.2、常规业务代码2.3、加密的实现2.4、接口测试2.5、总结1、加密解密原理客户端和服务端都可以加密和解密,使用base64进行网络传输加密方字符串->AES加密->base64解密方base64->AES解密->字符串2、项目示例2.1、项目结构$tr......
  • 关于 Product Pipeline 的 galectin.json 文件
    ProductPipeline概述:"ProductPipeline"是一个广泛用于企业中的术语,指的是一个产品从概念到最终交付的整个过程。它代表了产品的生命周期,从概念、规划、设计、开发、测试、部署,一直到最终发布和维护。在软件开发领域,"ProductPipeline"通常包括多个阶段和环节,每个环节都有特定的......
  • JSONCPP向浏览器前端发送服务器本地文件列表
    服务器解析了浏览器请求之后,要进行响应响应体里需要存放请求的内容HTML标签:是页面的核心内容,定义了页面有什么内容。CSS:控制HTML元素的排版布局和展示方式,是美化页面文档的。JavaScript:让用户与页面进行交互,或在网页背后默默操控网页,以便让显示的内容与效果有所改变。对网页来......
  • qt读取json文件
    Qt读取json数据文件步骤:本条记录未进行判断,只是针对自己在已知json数据文件下的读取1、打开文件QFliefile("设置路径");2、设置文件打开方式file.open(QFile::ReadOnly|WriteOnly|ReadWrite);3、读取文件数据QByteArrayall=file.readAll();4、关闭文件file.cl......
  • vue项目中package.json的个人见解
    一、背景介绍Vue.js是一种流行的JavaScript前端框架,它以简洁的语法、灵活性和可扩展性而受到开发者的青睐。在Vue项目中,package.json文件是一个非常重要的配置文件,它管理着项目的依赖关系、脚本命令、版本信息等。本文将探讨package.json在Vue项目中的重要性以及个人的使用经验。二......