Attack on Life ⚔️

因为打包体积问题，重新了解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是内置了一些语言支持，比如JavaScript、TypeScript、CSS、JSON、HTML。 对于已内置支持的语言。 只需要将编辑器语言设置为javascript，就可以实现代码补全了。

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

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

这里就Mark下使用姿势。

前置条件

• 科学上网

  • 这点与ChatGPT一样，都必须解决网络问题。
  • Claude支持国家列表见这里。
  • 代理网络不好的话，后期也会面临封号风险。
  • 科学上网还没解决的，可参考我这里的代理方案。

• 境外手机号

  • Google Voice不支持，使用GV号接收短信验证码会立即报错。

  • 有条件的话，还是推荐开一个境外手机卡，比如Giffgaff。

    关于Giffgaff开通教程，可以看下这篇文章-使用实体手机卡Giffgaff

  • 网上推荐的走短信验证码平台有概率接收不到验证码。

注册