前端link调试神器：从yalc到yald

最新推荐文章于 2024-07-25 11:00:49 发布
最新推荐文章于 2024-07-25 11:00:49 发布
阅读量437 收藏 5
点赞数 9
文章标签： 前端 npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wenxuansoft/article/details/136418504
版权
本文介绍了作者针对yalc的改进版本yald，它支持publishConfig，与yalc使用方法一致。同时，作者还推荐了一系列与前端开发、国际化和终端开发相关的开源项目，如VoerkaI18n、speedform和json_comments_extension等。
摘要由CSDN通过智能技术生成

最近在使用yalc时发现一个问题，执行yalc publish时，如果包中有publishConfig不能生效。
而yalc已经很久没有更新了。
因此自已动手fork了yalc，发布一个yald，支持处理publishConfig.
使用方法与yalc完全一样，只需要将所有yalc改为yald可。

Github

以下是一大波开源项目推荐:

stonefisher
关注
  • 9
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
yalc（比 yarn/npm link 更加友好的前端依赖库 link 方案）
EmotionComputer
02-11 815
yalc
yalc：像老板一样在本地使用yarnnpm软件包
02-03
当您运行yalc add my-package在你的project它拉包内容到.yalc在当前文件夹并注入一个file: / link:依赖到package.json 。 或者，您可以使用yalc link my-package ，它将在node_modules创建到包内容的符号链接，并且...
yalc本地调试NPM组件库
weixin_42478537的博客
07-05 710
当有新修改的包需要发布时，使用推送命令可以快速的更新所有依赖（此时无需在项目中再次进行 yalc add 了，这一过程 yalc 会进行自动更新）7.push项目时需要在.gitignore 中加入。3.项目安装组件库包。
YALC 本地实现联调组件库
weixin_42466981的博客
04-26 706
组件库本地调试的方式探索
公共组件库开发之调试发布npm包
m0_57307213的博客
09-23 898
公共组件库开发
link工具yalc@1.0.0-pre.53
qq_40944918的博客
06-06 1366
npm link本地包做做调试流程： 安装yalc ：npm install yalc -g安装nodemon：npm install nodemon -g1.本地宝发布：yalc publish2.本地包package.json的scripts添加监听"watch": “nodemon --ignore dist/ --ignore node_modules/ --watch src/ -C -e vue -x yalc push”3.项目中运行 yalc link 包名当本地包中更新时，会自动映射到项目
common:不同前端使用的通用代码
04-13
常见的绿洲一个monorepo，我们在其中... 它将创建从依赖者文件夹到依赖文件夹的符号链接。 不幸的是，它不能与nextjs / webpack一起使用，因为它找不到链接包的依赖关系。 使用 。 这就是我们要去的那个。 Yalc允许您将
yalc2021
02-09
构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。 最小化构建，文件名包含哈希。 您的应用已准备好进行部署！ 有关更多信息，请参见有关的部分。 yarn eject 注意...
framework-ts：打字稿库的框架+ vscode可调试的示例
02-05
骨架ts 打字稿库的骨架+ vscode可调试的示例 快速开始 ...cd YOURDIR ... 使用提供的脚本在local-publish然后使用yalc add PKGNAME从另一个prj安装中yalc add PKGNAME 在公共资源库上发布 调整变量（仅第一
quorum-i18n:Weblate
04-08
该存储库与Quorum Weblate-Quorum团队同步... git克隆这个仓库纱线并安装依赖项在全球范围内安装yalc npm install -g yalc ：转到yalc github以查看yalc的工作方式。 然后在此存储库/文件夹中执行yalc publish ：它将在
使用yarn link 来调试源码
知无涯
08-25 3628
最近使用 butterfly-vue 有一个问题需要进行源码调试。 但这个库安装后都是 一些压缩的代码，看不到源码。没法调试。 于是下载该库，在根目录创建该库的link 使用以下命令 yarn link 然后在要调试的项目中 使用 yarn link butterfly-vue 然后使用 yarn unlink butterfly-vue 移除链接， 移除后需要重新安装该库。 有关yarn link 更为详细的介绍的，请查看 https://yarn.bootcss.com/docs/cli/link
多入口 Webpack 热更新失效？
weixin_42439919的博客
06-15 694
前言 Webpack 对于现代前端开发者，想必是相当熟悉了，在很多项目中，应用非常广泛，而 webpack-dev-server，相信大家应该也都接触过。最近，作者在配置多入口，热更新在单入口是好使的，结果到了多入口不好使？，然后通过 Google 寻找答案，找到了一篇 issue，HMR not working with multiple entries，跟我的问题类似，好像真的有 BUG？看到作者回复 v4 修复了该问题，我丢，我还在使用 v3，翻看 v4 文档 此时，只有一个感觉，热更新都多久的东
实践笔记——工具包调试
betty_grant的博客
05-30 295
1.序 当你在开发组件库或其他npm库的时候，如果你想知道它在一个前端项目中被使用的效果时，你可以怎么做？ 通过目录路径引入 通过npm 发布到npm源后再安装调试 缺点：污染了npm版本线，且需要频繁npm install，效率也不高 package引入目录路径 缺点：需要频繁npm install npm/yarn link 使用yalc 2.npm link使用 1. 使用npm link建立软链 在子项目里运行：npm link 在父项目里运行：npm
前端组件库一本地开发调试自动化流程
qq_36174666的博客
05-25 1160
日常运行前端项目的时候整个npm run dev或者类似的命令即可，对于比较大的项目，想要把项目的一些UI或者计算逻辑这种通用逻辑单独抽成包。 通常的做法是发包到npm,在需要用到的时候安装，过程如下： 假设我们维护的主应用就叫 big-platform，其中有一些通用逻辑我们给抽象到了一个 Node package 里，暂且取名 @fudao/hello 并发布到 npm 上，等其他同学开发需要用到这个组件或者逻辑时，一条 npm install @fudao/hello --save 便能搞定 如果组
ASP.NET Web Api 使用 EF 6，DateTime 字段如何取数据库服务器当前时间
yangshuquan的专栏
07-24 813
在做数据库设计时，为了方便进行数据追踪，通常会有几个字段是每个表都有的，比如创建时间、创建人、更新时间、更新人等，这些时间字段一般存储的是数据库服务器的时间，EF 是操作整个数据表对象，所以需要寻找方法来实现这个目的。本文分享 DB First 和 Code First 两种模式的 EF 中 DateTime 字段如何存储数据库服务器当前时间的方法。
在Vue程序中，如何检测用户的登录状态并跳转到对应页面
exlink2012的专栏
07-25 414
通过以上步骤，你可以在Vue应用程序中检测用户的登录状态，并在用户尝试访问受保护页面时跳转到登录页面。同时，在用户登录和登出后，你可以根据需要跳转到相应的页面。
vue单页面 全屏 使用 screenfull 实现全屏（左侧菜单栏隐藏）
最新发布
m0_71835253的博客
07-25 541
vue单页面 全屏 使用 screenfull 实现全屏（左侧菜单栏隐藏）_vue在打开一个界面的时候隐藏侧边栏-CSDN博客
yalc : 无法将“yalc”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。
01-30
根据提供的引用内容，出现了无法识别命令或程序的...在命令行中运行以下命令来全局安装yalc： ```shell npm install -g yalc ``` 3. 添加yalc到系统的环境变量中。您可以按照yalc的官方文档中的说明来完成此步骤。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值