排序
我也写了一个console相关的npm包
核心主要采用链式调用方式打印log,降低学习成本。有这个想法是,前段时间看到一位大佬写的文章下的一条评论,提到了链式调用。 关于如何发布npm包可以参考大佬的文章,我这里主要想说一下实现...
nvm安装,nvm的使用,nvm常用命令,nvm安装node报错,nvm切换不了,等系列集合
前言: 在Web前端项目开发过程中,由于各种前端框架、插件 以及 Nodejs、Npm 的飞速更新,在项目新开发 或 对老项目进行更新维护时,有些项目版本的配置 和 当前Node、Npm环境不匹配,导致运...
如何快乐地使用vite开发npm库(typescript),搭建·调试·发布·闭环式教程
使用vite开发npm依赖,闭环式教程 本教程将: 介绍如何搭建一个vite项目,并配置为库模式,为esmodule、umd打包出对应语法的两套js文件。 用typescript开发库时,如何在vite中自动生成声明文件...
npm源码解析之install包安装机制
1、前言 在项目中,当执行npm intall时,会根据package.json中的依赖项在node_modules目录中安装依赖包。这一稀松平常的动作,看似简单,实则背后原理充满复杂和艺术性。下面我们通过npm源码对i...
NPM 发包那些事
前言 随着 npm 社区的发展,其发包规范与包的解析机制也在不断完善,最直观的体现就是package.json支持的字段增多,以及各种打包工具的特性支持变多,发包能力也在不断完善。 那么,在如今...
由于我丑陋的操作,被迫npm上传插件自动化脚本(shell)
贴一下全部代码先:github 前几天写了个vue3插件。后来发布npm感觉需要操作很多傻傻又重复的命令... 注:我一直保持认为有更好的命令去操作!!在这篇文章,你可以了解到简单的shell脚本编写,...
总结:如何将包上传包文件到npm
之前都是面向业务做一些编程工作。 现在组织结构调整了,我面向的用户是面向业务的不同部门的程序员同事,在基建部门做编写的工具类、组件库,需要打包之后发布到npm,让同事使用。 所以今天来...
pnpm 是凭什么对 npm 和 yarn 降维打击的
大家最近是不是经常听到 pnpm,我也一样。今天研究了一下它的机制,确实厉害,对 yarn 和 npm 可以说是降维打击。 那具体好在哪里呢? 我们一起来看一下。 我们按照包管理工具的发展历史,从 np...
前端 lockfile 合并冲突,如何正确地处理?
本文又名《关于 lockfile 合并冲突的问题分析与最佳实践》 某次前端需求开发中,新增了一个 npm 包,在进行合码时发现 lockfile 出现冲突。 lockfile,即包管理工具的 lock 文件,比如 package-...
关于package-lock.json
前言 上篇文章我们了解了package.json,一般与它同时出现的还有一个package-lock.json,这两者又有什么关系呢?下面一起来了解吧。 介绍 package-lock.json 它会在 npm 更改 node_modules 目录...
使用NX+PNPM搭建Monerepo项目
1. Monorepo简介 1.1 Monorepo 和 Polyrepo Monorepo和Polyrepo是两种不同的代码仓库的管理策略。 其中Monorepo是使用一个仓库管理多个项目的代码,而Polyrepo是使用一个仓库管理一个项目代码。...
vite+vue3发布npm包
[toc] 一。新建项目 pnpm create vite 输入包名称 选择vue 选择ts cd 到项目目录中 pnpm install 在根目录下建立一个ts声明文件,例如:env.d.ts; 里面加上vue模块的声明,然后在tsconfig.json...
手把手教你开发一个九宫格抽奖动画
背景 有一句是这么说的,“当你手里有一把锤子,眼中满世界都是钉子” 。笔者继上一篇 开发自己的第一个npm包 开发了一个列表项固定高度的虚拟列表组件之后,开发组件上瘾了。 最近项目中要实现...
2023年度状态之Npm
本文译者为 360 奇舞团前端开发工程师 原文标题:State Of Npm 2023: The Overview 原文链接:blog.sandworm.dev/state-of-np… 原文作者: Gabi Dobocan 概览 一些 Npm 小知识 软件包总数: 3,...
使用 volta 与 corepack 规范团队在不同项目中使用的 node 版本与 npm 包管理器
0. 前言 在前端开发团队中,经常存在多个新老项目同时开发的情况,这些项目他们的 node 版本可能不一样,项目中所使用的包管理器也不一样。比如一些老的项目可能使用低版本 node 并使用 npm 安...
React发布自定义组件库——高阶玩家必备~
@NPM发包前置知识 为了发布一个React组件库,你需要先对NPM发包有一些基本了解 先好好读一虾 ? 介篇文章↓↓↓ NPM库的发布——诚意奉献,一文讲透 @创建一个库工程 npm init vite@latest 后续...
因为我经常配置重复的 eslint,我被孤立了???
事情是这样的,我每创建一个项目都要配置一遍 eslint 配置,而且还要去安装那些一大堆的依赖包,看见我每天都在做重复的事情,于是把我踢出群了。除了我之前,还有一个经常重复配置 babel 的,也被踢...
基于luckysheet,实现表格编辑,文件处理
背景 最近项目中一个模块有一个excel文件导入的功能,导入数据可能会失败,失败的数据通过接口获取然后会在table中显示出来,数量不详。在之前,可能需要后台提供一个接口将数据包装成excel文件...
pnpm会是前端工程化项目的未来
一、前言 相信小伙伴们都接触过npm/yarn,这两种包管理工具想必是大家工作中用的最多的包管理工具,npm作为node官方的包管理工具,它是随着node的诞生一起出现在大家的视野中,而yarn的出现则是...
使用dumi轻松打造定制化组件库,运用GitHub轻松部署
在上两篇文章我们讲了如何封装图表组件。 用SVG打造简洁实用的柱形图和折线图 一文掌握SVG雷达图的制作 接下来当然要封装成一个组件库,构建发包,搭建网站。分享更多人使用。 快速上手 按照 du...