全局安装 npm 包的替代方案

theme: juejin有两种方式可以安装 npm 包: 在本地,进入node_modulesnpm 在当前目录及其祖先中搜索(或创建)的目录: npm install some-package全局,进入全局node_modules目录: npm install --global some-package(除了这个标志的长版本--global,我们也可以使用更短的-g。) ...

rollup从0到1将react组件库打包发布npm

前段时间一直在更新react组件库的每一个组件,今天来测试一下在实际业务中使用组件库~我使用了rollup来打包组件库1.搭建库打包脚手架:首先我们安装一下rollup: npm i rollup -g 我的组件库项目目录是这样的,所有组件都在index.ts中暴露出去代码写好以后,最基础的rollup.config.js版本可以这样配置: // rollup.config.j...

从0开始使用pnpm构建一个Monorepo方式管理的demo

theme: fancy highlight: atom-one-light持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第30天,点击查看活动详情 🍍 写在前面Monorepo这个词你应该不止一次听说了,像Vue3、Vite、ElementPlus等优秀开源项目都是使用Monorepo的方式管理项目,且这里说到的这几个项目都是采用pnpm作为包管理工...

一文带你学会pnpm

theme: channing-cyan作为一名前端程序媛👨🏻‍💻,对npm和yarn这两个包管理器一定不陌生,那么你听说过pnpm么?它到底是个什么东西?和npm还有yarn有什么区别,又有什么作用呢?本文就将解决以下这几个问题: pnpm是什么?有什么作用pnpm有什么优势和特点pnpm与npm和yarn有什么不同?pnpm如何安装和使用 pnpm是什么快速的,节省...

引入gitlab仓库代码到npm包的教程

背景介绍 随着人类地发展,社会地进步,计算机技术地更新迭代,每一片码海里都有它宝贵的财富,每一座码山里都有着各自的秘密。怎么守住财富,隐藏一些秘密,成了一些开发人员所关心的事情。 需求分析 简单地说,有这样一个需求,我期望在项目中引入一个模块,这个模块我又不高兴给一些无关的人员看到,想想办法,我调研了下有这么些可行的办法。 结合cnpm,搭建npm私有仓库 用Nexus...

【解决】npm ERR A complete log of this run can be found in npm ERR

有一些同学可能想配置react的运行环境,苦于不同的电脑遇到千奇百怪的问题和ERROR。下面是我遇到问题对应的解决方案,希望对你们有帮助。 本来我们的基本步骤是: 下载好nvm文件 在里面下载node.js,就是说安装并且use 14.16.1 ->和16.14.2 其次安装npm即可完成react的环境配...

TS从0到1实现一个完整前端水印SDK,并发布到NPM(上)

theme: juejin 本文将对功能进行其功能进行详细表述,以便更容易的理解后续文章中的代码 一、什么是l-watermark?l-watermark 是一个基于TS的WEB前端水印SDK,它包含: 能够覆盖多场景的水印添加方法 给网页添加文字/图片水印给图片添加文字/图片水印给图片添加暗水印暗水印图片解密 守护水印不被篡改和删除提供多种回调函数 onchange: 用户...

【VUE】微商城(一)----安装mint-ui,mui,sass

微商城源码 微商城后端接口项目以及部署说明包含API接口说明文档 1、安装mint-ui         1)、进入项目根目录,按住 shift键 然后鼠标右键点击 在此处打开powershell 打开命令行窗口         2)、运行命令 cnpm install mint-ui --save 下载安装mint-ui,不报红正常都没...

高级前端必须掌握的package.json字段知识

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第5天,点击查看活动详情 概览本文重点讲解前端项目的package.json文件中,所涉及到的字段含义和它的使用场景。避免一些配置性的错误,提高项目的维护性。 name如果项目是需要发版为npm包的,则name字段是必须的。因为它涉及到npm包的命名。 举个例子 笔者曾发布过开源的npm包,名字...

Node.js16.15.1的一个报错及解决方案

Node.js16.15.1的一个报错及解决方案 前言准备工作核心解决方案测试 前言 最近在进行Node.js的下载安装和环境的配置,在官网上下载了LTS版本16.15.1,没想到在后续的使用中出现一种报错。 例如,在命令提示符窗口中输入npm -v 想要查看npm的版本号: npm WARN confi...