私はasp.netコアでangular-cliを使用したいのですが、dist フォルダのパスを変更する方法を知る必要があります

.angular-cli.jsonの出力フォルダーを更新できます。

"outDir": "./location/toYour/dist"

これのより現在の方法は、でoutDirプロパティを更新することです.angular-cli.json。

ng buildコマンドの引数--output-path（または-op略して）まだあなたが複数の値をしたい場合、あなたはあなたに保存することができ便利です、また、サポートされているpackage.jsonとして、NPMスクリプト。

用心：.angular-cli.jsonプロパティが呼び出されないoutput-pathように@ cwill747により、現在受け入れ答えと言います。それはng build唯一の議論です。

outDir上記のように呼ばれ、appsプロパティの下にあります。

。

PS

（2017年12月）

この回答を追加してから1年後、誰かが本質的に同じ情報を使用して新しい回答を追加し、元の投稿者が承認済みの回答を、この回答の1行目に同じ情報を含む1年後期の回答に変更しました。

Angular 6以降では、状況が少し変わりました。

ngビルドがアプリファイルを生成する場所を定義する

Cliのセットアップは、ワークスペースのルートディレクトリのangular.json（.angular-cli.jsonに置き換えられました）で行われます。デフォルトのangular.jsonの出力パスは次のようになります（無関係な行は削除されます）。

{
  "projects": {
    "my-app-name": {
    "architect": {
      "options": {
         "outputPath": "dist/my-app-name",

明らかに、これによりWORKSPACE / dist / my-app-nameにアプリが生成されます。別のディレクトリが必要な場合は、outputPathを変更します。

コマンドライン引数を使用して、出力パスを上書きできます（CIジョブなど）。

ng build -op dist/example
ng build --output-path=dist/example

Sa https://github.com/angular/angular-cli/wiki/build

サブディレクトリでAngularアプリをホストする

出力パスを設定すると、「コンパイル済み」ファイルをどこに配置するかがAngularに通知されますが、出力パスを変更しても、AngleはアプリがWebサーバーのドキュメントルートでホストされていると想定します。

サブディレクトリで機能させるには、ベースhrefを設定する必要があります。

angular.jsonでは：

{
  "projects": {
    "my-app-name": {
    "architect": {
      "options": {
         "baseHref": "/my-folder/",

Cli：

ng build --base-href=/my-folder/

ビルド時にアプリがホストされる場所がわからない場合は、生成されたindex.htmlのベースタグを変更できます。

dockerコンテナーでこれを行う方法の例を次に示します。

entrypoint.sh

if [ -n "${BASE_PATH}" ]
then
  files=( $(find . -name "index.html") )
  cp -n "${files[0]}" "${files[0]}.org"
  cp "${files[0]}.org" "${files[0]}"
  sed -i "s*<base href=\"/\">*<base href=\"${BASE_PATH}\">*g" "${files[0]}"
fi

次のように、CLIも使用できます。

ng build -prod --output-path=production

# or

ng serve --output-path=devroot

私のために働いた唯一の事は変更したoutDirの両方ででangular-cli.jsonとsrc/tsconfig.json。

私はdistフォルダをangularプロジェクトフォルダの外に置きたかったです。src/tsconfig.json同様に設定を変更しなかった場合、プロジェクトをビルドするたびにAngular CLIが警告をスローします。

ここに最も重要な行があります...

// angular-cli.json
{
  ...
  "apps": [
    {
      "outDir": "../dist",
      ...
    }
  ],
  ...
}

そして...

// tsconfig.json
{
  "compilerOptions": {
    "outDir": "../../dist/out-tsc",
    ...
  }
}

注意：正解は以下のとおりです。これはもう機能しません

.ember-cliプロジェクトで呼び出されるファイルを作成し、それに次のコンテンツを含めます。

{
   "output-path": "./location/to/your/dist/"
}

Angular CLIはこれを行うために環境ファイルを使用するようになりました。

まず、environmentsセクションをangular-cli.json

何かのようなもの ：

{
  "apps": [{
      "environments": {
        "prod": "environments/environment.prod.ts"
      }
    }]
}

次に、環境ファイル（environments/environment.prod.tsこの場合）内に次のようなものを追加します。

export const environment = {
  production: true,
  "output-path": "./whatever/dist/"
};

今あなたが走るとき：

ng build --prod

./whatever/dist/フォルダに出力されます。

使用するgithubページ

ng build --prod --base-href "https://<username>.github.io/<RepoName>/" --output-path=docs

これは、出力をdocsフォルダーにコピーするものです。 --output-path=docs

別のオプションは、webrootパスをangular cli distフォルダーに設定することです。Program.csでWebHostBuilderを構成するときに、

.UseWebRoot(Directory.GetCurrentDirectory() + "\\Frontend\\dist")

または、dist dirへのパスは何でもかまいません。