因为打包体积问题,重新了解babel-plugin-import,以前对该插件认识不清晰,这里梳理下。

插件介绍

babel-plugin-import是一个支持模块化导入的Babel插件。插件的功能是根据配置将全量导入转换为按需导入。

解决的问题

  1. 导入路径还是全量,这样路径短。
  2. 按需导入,这样体积小。
阅读全文 »

有时因为网络或安全问题,需要切换项目中的npm包源。一般做法是切换npmrc中源,但切换后进行安装包时,会发现install后,包还是会走老的源,尤其是lock文件已生成的情况。这里就分析下registry不work的问题。

版本信息

这里我使用如下版本来做验证。

  • npm v9.5.1

  • node v18.16.1

阅读全文 »

现象

使用redux-logger的项目中,在使用webpack生产模式打包后,还是有redux-logger的存在。

理论上logger也只是在开发环境下使用到,按理打包后应该去掉才对,因此带着这个疑问,分析下问题。

代码详情

阅读全文 »

最近使用monaco-editor来实现SQL编辑器,为了提升用户体验,需要实现代码补全。研究后发现了实现方法,因此这里Mark下。

内置补全?

YES,默认monaco-editor是内置了一些语言支持,比如JavaScriptTypeScriptCSSJSONHTML。 对于已内置支持的语言。 只需要将编辑器语言设置为javascript,就可以实现代码补全了。

而比如SQL语言是没有内置支持的,当我们将编辑器语言设置为sql,只可以实现语法高亮。

阅读全文 »

最近因为Claude Sonnet和Cursor的缘故,开始接触Claude,使用一段时间后发现Claude是不错,至少目前觉得跟ChatGPT有一拼。

这里就Mark下使用姿势。

前置条件

  • 科学上网
    • 这点与ChatGPT一样,都必须解决网络问题。
    • Claude支持国家列表见这里
    • 代理网络不好的话,后期也会面临封号风险。
    • 科学上网还没解决的,可参考我这里的代理方案
  • 境外手机号
    • Google Voice不支持,使用GV号接收短信验证码会立即报错。
    • 有条件的话,还是推荐开一个境外手机卡,比如Giffgaff
    • 网上推荐的走短信验证码平台有概率接收不到验证码。

注册

阅读全文 »
0%