第132篇:npm第一次使用自己的包(package-lock.json、package.json文件作用说明)

npm,第一次,使用,自己,package,lock,json,文件,作用,说明 · 浏览次数 : 95

小编点评

1.新建文件夹,命名为`test` 2.下载包:`npm i panghu-planebattle` 3.在空白文件夹中,打开`package-lock.json`和`package.json`文件 4.在`package.json`文件中添加以下内容: ```json { "name": "panghu-planebattle", "version": "1.0.0" } ``` 5.在`package-lock.json`文件中添加以下内容: ```json { "dependencies": { "test": "1.0.0" } } ``` 6.使用`npm install`命令安装包 7.测试代码:`import { name } from 'panghu-planebattle/test.js'` 8.运行代码,检查输出日志

正文

好家伙,

 

1.新建一个文件夹,命名为test

 

2.下载包

npm i panghu-planebattle

 

空白的文件夹中多了两个文件

package-lock.json和package.json

说明:

package.json文件

package.json是一个项目描述文件, 里面记录了当前项目的一系列信息包括:名称、版本、作者、gitHub地址、当前项目依赖哪些第三方模块等。

使用npm安装第三方模块,是模块的相关信息会自动添加到package.json文件中

 

 

package-lock.json文件

 

package-lock.json的作用:锁定安装时的包的版本号

以保证其他人在使用时依赖能保证一致。

举个例子:比如一个团队协作项目,你导入了一个包

而你的队友一周后才导入了这个包,此时由于时间不同,

包中依赖的依赖可能已经更新了版本,从而会导致一系列的bug

他用的是新版本,而你用的是旧版本

所以package-lock.json锁定安装时的包的版本号就解决了这一问题

 

 

3.我们来试着用一下包中的数据

 

import {
    name
} from 'panghu-planebattle/test.js'

console.log(name);

 

进行测试后,我们发现,这玩意报错了

(node:3584) Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension.
(Use `node --trace-warnings ...` to show where the warning was created)

 

我们去到依赖的包中

 

 

添加完毕后

依赖中的test.js文件

 

 

我们的测试文件

 

 

嗯,搞定

 

 

 

与第132篇:npm第一次使用自己的包(package-lock.json、package.json文件作用说明)相似的内容:

第132篇:npm第一次使用自己的包(package-lock.json、package.json文件作用说明)

好家伙, 1.新建一个文件夹,命名为test 2.下载包 npm i panghu-planebattle 空白的文件夹中多了两个文件 package-lock.json和package.json 说明: package.json文件 package.json是一个项目描述文件, 里面记录了当前项目

第一百零五篇:变量的原始值和引用值

好家伙,JS基础接着学, 本篇内容为《JS高级程序设计》第四章学习笔记 1.原始值和引用值 ECMAScript变量可以包含两种不同类型的数据:原始值和引用值。原始值(primitive value)就是最简单的数据,引用值(reference value)则是由多个值构成的对象。 在把一个值赋给变

第一百零六篇:变量的不同声明(var,let和const的不同)

JS关于变量的声明,变量提升,暂时性死区

第一百零七篇:基本数据类型(undefined,null,boolean类型)

好家伙, 本篇内容为《JS高级程序设计》第三章学习笔记 1.数据类型 ECMAScript有6种简单数据类型(称为原始类型): Undefined, Null, Boolean, Number, String和Symbol。 Symbol (符号)是ECMAScript6新增的。还有一种复杂数据类型

第一百零八篇:最常用的基本数据类型(Number类型)

最常用的基本数据类型(Number类型)

第一百一十篇:内存泄漏和垃圾回收(JS)

好家伙,本篇内容为《JS高级程序设计》第四章的学习笔记 1.内存泄露 1.1.什么是内存泄漏? 内存泄漏(Memory Leak)是指程序中已动态分配的堆内存由于某种原因程序未释放或无法释放,造成系统内存的浪费,导致程序运行速度减慢甚至系统崩溃等严重后果。 内存泄漏缺陷具有隐蔽性、积累性的特征,比其

第一百一十一篇:基本引用类型Date

好家伙,本篇为《JS高级程序设计》第五章的学习笔记 1.基本引用类型 引用值(或者对象)是某个特定引用类型的实例,在ECMAScript中,引用类型是把数据和功能组织到一起的结构,(像极了“类”) 经常被人错误的称作“类”。 虽然从技术上讲JavaScript是一门面向对象语言,但是ECMAScri

第一百一十二篇: JS数组Array(一)数组基本用法

好家伙, 1.数组 Array应该就是ECMAScript中最常用的类型了。ECMAScript数组跟其他编程语言的数组有很大区别。 跟其他语言中的数组一样,ECMAScript 数组也是一组有序的数据, 但跟其他语言不同的是,数组中每个槽位可以存储任意类型的数据。 这意味着可以创建一个数组,它的第

第一百一十四篇: JS数组Array(三)数组常用方法

好家伙,本篇为《JS高级程序设计》第六章“集合引用类型”学习笔记 1.数组的复制和填充 批量复制方法 copyWithin(),以及填充数组方法fill()。 这两个方法的函数签名类似,都需要指定既有数组实例上的一个范围,包含开始索引,不包含结束索引。 使用这个方法不会改变数组的大小。 1.1.fi

第一百一十五篇: JS集合引用类型Map

好家伙,本篇为《JS高级程序设计》第六章“集合引用类型”学习笔记 1.Map ECMAScript6以前,在JavaScript中实现“键/值”式存储可以使用object来方便高效地完成,也就是使用对象属性作为键,再使用属性来引用值。 但这种实现并非没有问题,为此TC39委员会专门为“键/值”存储定