typescript - 如何使用 npm 链接和使用 TypeScript 编写的模块进行开发？

Question

我正在使用 TypeScript 和 Webpack 构建一个库。

为了开发这个库，我创建了一个单独的测试项目(使用 JS 编写)并使用 npm link <package-name> 链接库.

问题是链接指向构建文件，我需要运行 npm run build每次我做出改变。

我想要一个指向源文件的链接并进行实时重新加载。是否可以？我是否还需要使用 TS 编写我的测试项目才能使其成为可能？

图书馆 package.json :

{
  ...
  "main": "lib/qr-code-styling.js",
  "files": [
    "lib"
  ],
  "scripts": {
    "build": "webpack --mode=production"
  },
  ...
}

图书馆代码 https://github.com/kozakdenys/qr-code-styling/tree/v1

测试项目代码 https://github.com/kozakdenys/qr-code-styling-site

附言我也试过 "module": "src/index.ts"在 package.json ，但会导致测试项目出错 Uncaught Error: Cannot find module './core/QRCodeStyling'

Answer 1

另一种选择是让您的 TS 项目使用 tsc --watch 自动重建。然后通过 npm link ../path/to/dep 在你的项目中使用编译后的代码