私はAngularを初めて使用し、学習プロジェクトとしてフォトライトボックスを構築しています。プロジェクトフォルダの外から画像を使用する方法はありますか？ここ（https://github.com/angular/angular-cli/issues/3555）で参照されているようにGlobを使用し、.angular-cli.jsonファイル（以下を参照）にディレクトリパスを挿入しようとしましたが、どちらも成功しませんでした。これはangular-cliで可能ですか？
"assets": [
"assets",
"assets/img",
"D:/training/img", // full path
"../../../img", // relative path
"favicon.ico"
],
あなたはグロブでこれを達成することができるはずです。たとえば、フォルダ構造がある場合
/outsideDirectory
testImg.jpg
/myProject
/node_modules
/src
.angular-cli.json
cli.jsonでglobを定義できます
"assets": [
{"glob": "**/*", "input": "../../outsideDirectory", "output": "./assets/"}
]
これにより、outsideDirectoryの内容が/dist/assets/ディレクトリにコピーされます。これで、コード内で画像を使用できます
<img src="assets/testImg.jpg">
cli.jsonのアセットは静的アセット用であることに注意してください。イメージをoutsideDirectoryに動的にプッシュする場合は、イメージを自分でホストするか、何らかのサービスを使用してから、完全なURLでイメージを参照することをお勧めします。これは、globのイメージがoutsideDirectoryコンテンツのコピーにすぎないためです（ビルド時に発生します）。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加