IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> npm 如何测试自己本地的包(npm link npm install ./package) -> 正文阅读

[JavaScript知识库]npm 如何测试自己本地的包(npm link npm install ./package)

最近在写学习 rollup 如何配置 打包生产环境。rollup定位是用来打包代码库的,Vue, React 等著名的前端框也是基于 rollup 来打包的。但是在发包之前,是需要对包进行安装测试的。(这里的测试分单元测试安装测试

目录结构

在这里插入图片描述

外部测试package.json

在这里插入图片描述

由于外部的包安装的比较少,所以node_modules 里面的内容肯定是不多的。如下:
在这里插入图片描述

包的package.json

在这里插入图片描述

可以看到,里面包的依赖很多,比外面多很多。

包里面的内容

在这里插入图片描述

方式

经过本人的尝试,有两种方式,可以把你打好的包,通过 npm 的方式来 安装

方式一npm install ./pack-name

在这里插入图片描述
启动服务,跑一下代码,结果如下:
在这里插入图片描述

方式二 npm link

npm link 用来在本地项目和**本地npm模块(包)**之间建立连接,可以在本地进行模块测试。详情查看
具体使用方式:

进入包内,npm link

在这里插入图片描述
node的安装目录中的node_global中建立软链接
在这里插入图片描述

在外部使用命令

  • cd到模块目录,npm link,进行全局link
  • cd到项目目录,npm link 模块名(package.json中的name)
    在这里插入图片描述
    启动服务,跑一下代码,结果如下:
    在这里插入图片描述

改变源代码

在这里插入图片描述

证明npm link就是 创建的软连接。

拓展npm

npm 安装包的方式,大多数的人应该影响最深的是, npm install 包名称, 对的,没错,其实npm install后面还可以接收其他类型的参数。

安装指令意思,举例pagackage.json
npm install (with no args, in package dir)不需要使用任何参数,直接是包的目录,可以是你本地的包哦!eg:npm install ./mypackage"mypackage": "file:mypackage",
npm install [<@scope>/]<name>使用一个仓库下的某个包, eg:npm install @rollup/babel"@babel/core": "^7.14.6"
npm install [<@scope>/]<name>使用一个仓库下的某个包, eg:npm install @rollup/babel"@babel/core": "^7.14.6"
npm install [<@scope>/]<name>@<tag>安装最新版本的包, eg:npm install @babel/core@latest"@babel/core": "^7.14.6"
npm install [<@scope>/]<name>@<version>安装指定版本的包, eg:npm install @rollup/babel@6.0.0"@babel/core": "^6.0.0"
npm install [<@scope>/]<name>@<version range>安装一个范围内的包, eg:npm install @rollup/babel@">=6.0.0 <7.14.6""@babel/core": "^7.0.0"
npm install <alias>@npm:<name>安装一个自定义别名的包, eg:npm install jquery2@npm:jquery@2 npm install jquery3@npm:jquery@3"jquery2": "npm:jquery@^2.2.4", "jquery3": "npm:jquery@^3.6.0"

更多 请查看

npm install (with no args, in package dir)
npm install [<@scope>/]<name>
npm install [<@scope>/]<name>@<tag>
npm install [<@scope>/]<name>@<version>
npm install [<@scope>/]<name>@<version range>
npm install <alias>@npm:<name>
npm install <git-host>:<git-user>/<repo-name>
npm install <git repo url>
npm install <tarball file>
npm install <tarball url>
npm install <folder>
  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-07-23 10:38:28  更:2021-07-23 10:41:35 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/6 8:14:01-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码