1

tsconfig.json の outDir に問題があります。

次の tsconfig ファイルがあります。

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false,
    "outDir": "dist",
    "outFile": "App.js"
  },
  "exclude": [
    "node_modules",
    "local_typings"
  ]
}

ファイルは App.js にコンパイルされますが、指定したディレクトリ (dist) ではなく、tsconfig ファイルがあるディレクトリにあります。誰でもこの問題の解決策を見つけましたか?

4

4 に答える 4

2

実際、私は問題が何であるかを知りました。かなり面白いと思います:outFileを使用せずに でファイル パスとファイル名を指定するだけで十分outDirです。したがって、この場合は次のようになります。

"outFile":"dist/App.js"

良いものを持っている!

于 2016-02-08T14:03:13.357 に答える
0

module/dist/Anything ではなくモジュールからインポートする方法を探している人へ

かなり簡単な解決策を見つけました

まず、私のフォルダ構造は次のようになります

- project
|- package.json

|- app
||- package.json
||- ...

|- api
||- package.json
||- ...

|- shared
||- package.json
||- tsconfig.json
||- index.ts
||- src
|||- MySharedResource.ts
|||- MySharedSomething.ts
...

(共有は、APIとアプリの両方にローカルにインストールされたnpmパッケージです)そして、シンプルな方法で共有からインポートできるようにしたかったのです import { MySharedResource } from "shared";

これを行う方法は、必要なすべてのコンポーネントをMySharedResource.tsおよびからエクスポートすることでしたMySharedSomething.ts

export interface MySharedResource {
 ...
}

index.ts次に、次のようにエクスポートします。

export * from "./src/MySharedResource";
export * from "./src/MySharedSomething";

重要な注意点

tsconfig.jsonin /shared にはoutDirオプションを(たとえば) に設定する必要があります。これにより、それコンパイルされ、他のすべてのものは /shared/dist/src にコンパイルされます。また、あなたのセットで:./distindex.ts/shared/dist/index.jspackage.json

"main":"dist/index.js"

注1

ファイルごとに複数のものをエクスポートできますが、このようなインポートが必要な場合

import { Thing } from 'shared/Thing';

次に、 /shared のThing.tsすぐ隣に別のファイル (この場合は ) が必要で、その中に次のものがあります。index.ts

export * from "./src/Task";

注2

これを行うこともできます

export * as Thing from "./src/Thing";
于 2021-05-13T14:55:44.230 に答える
0

ファイルまたは多くの場合、「outDir」:「./dist」を使用します

于 2017-09-16T16:49:14.340 に答える