Comment utiliser le lien npm avec un module écrit en utilisant TypeScript pour le développement?

Question

Je construis une bibliothèque en utilisant TypeScript et Webpack.

Pour développer cette bibliothèque, j'ai créé un projet de test distinct (écrit en utilisant JS) et lié la bibliothèque en utilisant npm link <package-name>.

Le problème est que le lien mène au fichier de construction et je dois exécuter npm run build chaque fois que je fais un changement.

Je veux avoir un lien vers le fichier source et avoir un rechargement en direct. C'est possible? Dois-je également écrire mon projet de test en utilisant TS pour le rendre possible?

Bibliothèque package.json:

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

Code de la bibliothèque https://github.com/kozakdenys/qr-code-styling/tree/v1

Code du projet de test https://github.com/kozakdenys/qr-code-styling-site

P.S. J'ai aussi essayé "module": "src/index.ts" dans package.json, mais cela provoque une erreur dans le projet de test Uncaught Error: Cannot find module './core/QRCodeStyling'

Answer 1

Une autre option consiste à reconstruire automatiquement votre projet TS à l'aide de tsc --watch puis utilisez le code compilé dans votre projet via npm link ../path/to/dep