☰

「ng serve」から静的ディレクトリを提供する方法 質問する

tag-icon • tag-icon angular
「ng serve」から静的ディレクトリを提供する方法 質問する

webpack 開発サーバー構成に次のような類似の構成があるかどうか教えていただけますか?

devServer : {
    historyApiFallback : true,
    stats : 'minimal',
    contentBase: helpers.root('../src/static'),
  }

webpack 開発サーバーがファイルを提供するのと同じように、静的ディレクトリから静的ファイルを提供したいと考えています。ありがとうございます

ベストアンサー1

はい、確かにあります。

Angular アプリのルートで というファイルを探しますangular.json。「assets」というエントリがあります。ここに静的ディレクトリを追加します。その下にあるものはすべて 経由で直接提供されますng serve。そして、ライブになると、これらのファイルはすべて /dist ディレクトリにコピーされ、実稼働環境でも提供されるようになります。

"projects": {
  "YourCoolProject": {
      "root": "",
      ...
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "dist",
            ...
            "assets": [
              "src/assets", 
              "myOtherStaticFiles"   /* <-- Add *your* directory(s) here */
            ],
            "styles": [
            ...

ps はい、JSON にコメントできないのはわかっています。勘弁してください。

おすすめ記事