TypeScriptのメソッドをJavaScriptで呼び出すことは可能か

Question

やりたいこと

TypeScriptで作成したメソッドをJavaScript上で呼び出すことは可能でしょうか？
リンクのページを見て試してみたのですが、上手く呼び出せていないようです。
何かインポート等設定を追加しなければいけないのでしょうか？

試したソース

test.ts

export class SampleTest{

  //このメソッドを呼びたい
  public hoge(
    key: string
  ): void {
    alert(key);
  }
  
}

test.js

function test(){

 var sampleTest = new SampleTest();
 sampleTest.hoge("アラート表示");

}

##ビルド環境

下記リンクの物を見ながら作成
リンク

Visual Studio Codeを使用

npm run buildでビルドを行っている。

ビルドに成功すると一つのjsファイルとして生成される

package.json

{
  "name": "test",
  "version": "1.0.0",
  "description": "test用",
  "main": "",
  "directories": {},
  "dependencies": {
    "axios": "^0.21.1"
  },
  "devDependencies": {
    "css-loader": "3.4.2",
    "glob-all": "3.1.0",
    "prettier": "1.19.1",
    "string-replace-webpack-plugin": "0.1.3",
    "style-loader": "1.1.2",
    "ts-loader": "4.5.0",
    "typescript": "3.7.2",
    "uglifyjs-webpack-plugin": "1.3.0",
    "webpack": "4.28.0",
    "webpack-cli": "3.3.1"
  },
  "scripts": {
    "dev": "webpack --mode development --watch --config webpack.config-local.js",
    "build": "webpack --mode production"
  },
  "author": "NTT DATA INTRAMART CORPORATION"
}

リンク

参考リンク

Comments

[maisumakun]

ビルド環境はどのように整えていますか？

[pleades]

すいません記載しました。
確認したいこととしては、追記内容で良いでしょうか？

Answer 1

何かインポート等設定を追加しなければいけないのでしょうか？

はい。exportしたものを使うには、明示的なimportが必要です（test.jsとtest.tsという、拡張子以外同じファイル名の組が同じフォルダにあるとうまく動かないかもしれません）。

import { SampleTest } from './path/to/test.ts';

Comments

[pleades]

ありがとうございます。
名前が同じだとうまく呼び出せなかったので
jsの方を変えてみて動かしてみたらうまく読み込めました。