web-dev-qa-db-ja.com

TypeScriptを使用して作成されたモジュールでnpmリンクを開発に使用する方法

TypeScriptとWebpackを使用してlibを構築しています。

このライブラリを開発するために、別のテストプロジェクト（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'でエラーが発生します

typescriptnpmwebpackpackage.jsonnpm-link
4
Denys Kozak

別のオプションは、tsc --watchを使用してTSプロジェクトを自動的に再構築し、npm link ../path/to/depを介してプロジェクト内のコンパイル済みコードを使用することです

0
Dana Woodman