は、ファイル参照は Angular Cliのバンドルパスを変更するには？私のindex.htmlの中で自分のアプリケーションを構築した後
<script type="text/javascript" src="inline.c15b1b72bcd63b7c92ca.bundle.js"></script>
私はサーバ"xyzwebsite.com/app"でアプリケーションを実行する必要があります。
は私が「アプリ」フォルダにバンドルされたファイルをコピーする必要がありますが、私は404を得ることを実行しようとするときエラーが見つかりません。
私はAngular cliの新機能で、アプリとこれらすべてのスタントをバンドルしています。これをどうすれば解決できますか？
ありがとうございます！
official documentationによれば、ファイルの場所を定義するrootとoutdirパラメータを指定することができます。あなたの/ appディレクトリにそれらを設定すれば、うまくいくでしょう。
あなたの生成されたファイルを別の場所に移動することは、私の意見では良い考えではないようですが、正しい方法で直接生成する方が良い方法です。
ngの私はindex.htmlの中にベースタグを変更すると、トリックを行うだろうと予想まず--base-HREF /アプリ/
を構築： しかし、ビルドした後、それをデフォルトに設定しているようです上記のオプションを追加しない限り、
使用webpack.config.js
あなたがはるかにコントロールは、その後これを行うwebpack.config.jsファイルではなく、.angular-cli.jsonファイルを使用して、バンドルのパスを変更したい場合。
1. Run `ng eject`
このコマンドでは、ルートディレクトリにwebpack.config.jsファイルが公開されます。そのファイルを構成できます。
2. Run `npm install`
npm ejectは、上記のコマンドを使用してインストールできるローダーに関連する新しい依存関係を追加します。
3. "output": {
"path": path.join(process.cwd(), "dist"),
"filename": "scripts/[name].[chunkhash:20].bundle.js",
"chunkFilename": "scripts/[id].[chunkhash:20].chunk.js"
}
webpack.config.jsのファイル編集出力エントリで、上記のようにJSファイルのディレクトリ名を追加します。これを使用すると、バンドリングパスを制御できます。
私はこれが役立つことを願っています！
ありがとうございます！最初に私はそれを試み、同じことに直面した。しかし、この方法でそれを試してみてください！ – Sarav