@maichael 我翻了一遍 https://www.npmjs.com/, 的确有人打包出来跟官方的一样, 但是大部分打包出来的结果都不一样. 其实, 如果打包不一样, 能用也行, 主要是不能用.

我的主要目的是把核心图库自己也能打包成 npm 包. 我看这个帖子也有好几个人收藏, 所以, 也招呼一下感兴趣的小伙伴一起研究一下. 其实就是把核心图库能自己生成 npm 包, 这样子就方便自己开发定义了.

@kneo 我想用 sdk(npm 包)的方式集成,集成画板, 但是要支持中文的手写体.

感谢 @maichael @lisongeee

项目根目录下执行:
rm yarn.lock

在/home/excalidraw/packages/excalidraw 下执行
yarn gen:types
yarn build.esm
yarn pack

"scripts": {
"gen:types": "rm -rf types && tsc",
"build:esm": "rm -rf dist && node ../../scripts/buildPackage.js && yarn gen:types",
"pack": "yarn build:umd && yarn pack",
"start": "node ../../scripts/buildExample.mjs && vite",
"build:example": "node ../../scripts/buildExample.mjs",
"size": "yarn build:umd && size-limit"
}

然后 npm login, npm publish 是可以发布了.

但是目前发布出来的跟官网的不一样
官网的:
https://www.npmjs.com/package/@excalidraw/excalidraw?activeTab=code
我发布:
https://www.npmjs.com/package/excalidraw-zh?activeTab=code

如果有感兴趣继续研究的伙伴, 大家可以一起研究一下.

再提供一份执行的命令:
hawk.jimmy@DESKTOP-J0AGV6C MINGW64 /e/work/business/excalidraw/packages/excalidraw (master)
$ npm run gen:types

> [email protected] gen:types
> rm -rf types && tsc


hawk.jimmy@DESKTOP-J0AGV6C MINGW64 /e/work/business/excalidraw/packages/excalidraw (master)
$ npm run build:esm

> [email protected] build:esm
> rm -rf dist && node ../../scripts/buildPackage.js && yarn gen:types

E:\work\business\excalidraw\scripts\woff2\woff2-esbuild-plugins.js:5
const fetch = require("node-fetch");
^

Error [ERR_REQUIRE_ESM]: require() of ES Module E:\work\business\excalidraw\node_modules\node-fetch\src\index.js from E:\work\business\excalidraw\scripts\woff2\woff2-esbuild-plugins.js not supported.
Instead change the require of index.js in E:\work\business\excalidraw\scripts\woff2\woff2-esbuild-plugins.js to a dynamic import() which is available in all CommonJS modules.
at Object.<anonymous> (E:\work\business\excalidraw\scripts\woff2\woff2-esbuild-plugins.js:5:15)
at Object.<anonymous> (E:\work\business\excalidraw\scripts\buildPackage.js:4:32) {
code: 'ERR_REQUIRE_ESM'
}

Node.js v18.19.0
npm ERR! Lifecycle script `build:esm` failed with error:
npm ERR! Error: command failed
npm ERR! in workspace: [email protected]
npm ERR! at location: E:\work\business\excalidraw\packages\excalidraw

hawk.jimmy@DESKTOP-J0AGV6C MINGW64 /e/work/business/excalidraw/packages/excalidraw (master)

@qinfengge 现在的 github 这个版本, 对这个有点提升, 现在放在 \packages\excalidraw\fonts\assets\fonts.css 下有这份文件了, 等我能编译了, 扔个中文字体进去试试.

@maichael 也不是,就是如果有解决过的话, 其实可能就是一句话的问题. 上面的那个 @IvanLi127 已经说得比较到位了.

这个 excalidraw 涵盖这么多个 project
"workspaces": [
"excalidraw-app",
"packages/excalidraw",
"packages/utils",
"packages/math",
"examples/excalidraw",
"examples/excalidraw/*"
],

现在的问题是, 我希望是通过 sdk 集成的, 所以, 要把 packages/excalidraw 编译了, 发到 npm 做管理. 我尝试在我的环境里头编译 excalidraw-app 是没有问题的. 但是 编译 packages/excalidraw 是有问题的.

我截取个主要的报错,
},
"bugs": "https://github.com/excalidraw/excalidraw/issues",
"homepage": "https://github.com/excalidraw/excalidraw/tree/master/packages/excalidraw",
"scripts": {
"gen:types": "rm -rf types && tsc",
"build:esm": "rm -rf dist && node ../../scripts/buildPackage.js && yarn gen:types",
"pack": "yarn build:umd && yarn pack",
"start": "node ../../scripts/buildExample.mjs && vite",
"build:example": "node ../../scripts/buildExample.mjs",
"size": "yarn build:umd && size-limit"
}
}
PS E:\work\business\excalidraw\packages\excalidraw> npm run build:esm

> [email protected] build:esm
> rm -rf dist && node ../../scripts/buildPackage.js && yarn gen:types

'rm' is not recognized as an internal or external command,
operable program or batch file.
npm ERR! Lifecycle script `build:esm` failed with error:
npm ERR! Error: command failed
npm ERR! in workspace: [email protected]
npm ERR! at location: E:\work\business\excalidraw\packages\excalidraw
PS E:\work\business\excalidraw\packages\excalidraw> npm run pack

> [email protected] pack
> yarn build:umd && yarn pack

yarn run v1.22.22
error Command "build:umd" not found.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
npm ERR! Lifecycle script `pack` failed with error:
npm ERR! Error: command failed
npm ERR! in workspace: [email protected]
npm ERR! at location: E:\work\business\excalidraw\packages\excalidraw

@fengzheng 你这个中文不是手写体的啊. 另外你知道怎么发布成 npm 包的不? 根据如下的这个文档, 我本地一直没法编译过去.

https://docs.excalidraw.com/docs/@excalidraw/excalidraw/development

@beldon 对的, 但是现在我是要把这个发布成 npm 包, 我要自己集成调用. 不知道有搞过的小伙伴没.

你这太复杂，内网走 smartdns 加 openvpen 服务端，其他地方 openvpn 客户端拨入即可。

技术没问题，政府监管才是问题

这产品做得完全是不行，首先是登录的注册都没法注册那个验证码呢，始终都是注册都都是失效的。接着呢，你不是发了一个账号吗？我也尝试登录这个账号，在登录的时候验证码都没显示，登录是一个产品的第一道门，如果门都没打开，怎么接客呢？

不对，这个问题有点有趣。像我这边，是用 docker compose 启动的，你这样子搞，只能说用来方便跟踪镜像产生过程，但是发布的时候你是咋弄的？

可以联络扯扯, 我也做这块 bGduNjc2OA==

@oyps 我这边有一套跟你很像的环境. 我是这么启动的:
"dev": "concurrently \"pnpm run dev-front\" \"nodemon --watch database database/server.js\"",

你用 nodemon 是对的，但是要修改 npm run dev 脚本，你可以用 gpt 来协助处理一下

推荐一下我的一个兄弟搞的 IAM ，看他多年还在搞，估计也算成熟了

@dingdangnao rfid 可以的，逻辑是，把物品分类，比如 鱼保质期 5 天，肉 3 天，每次放入冰箱贴个标签，有个扫描枪，能读到条码，最理想是冰箱开门通过程序读取报警，感觉这个细分领域是可以做的，感兴趣伙伴可以探索一下，是可行的

@qrobot 可以的， 加我的 wx：bGduNjc2OA==