typescript - webpack で長いパスのエイリアスを作成する (typescript)

Question

webpack で長いパスのエイリアスを作成しようとしていますが、有効な解決策が見つかりません。

正しい解決策のように見えるスニペットを見つけることができましたが、うまくいきませんでした。

これをmodule.exportsにwebpack.dev.jsに追加しました：

resolve: {
    root: path.resolve('src/'),
    alias: {
        alias1: 'app/about',
        testino: 'app/testino/test',

    },
    extensions: ['', '.js', '.jsx']
}

app.component にインポートします。

import {TestinoTest} from 'testino';

その後、エラーが発生します：

キャッチされないエラー: モジュール "./app.component" が見つかりません [WDS] コンパイル中のエラー。./src/app/app.component.ts モジュールのビルドに失敗しました: エラー: モジュール 'app/testino/test' を解決できません

そのサービスへのパスはsrc/app/testino/test/TestinoTest.service.ts

前もって感謝します

解決策: (Bob Sponge に感謝)

インポートでは、エイリアスから特定のファイルまでの全行程が必要です

import {TestinoTest} from 'testino/TestinoTest.service.ts';