angular - lite-server で複数のルートを適切に設定する方法

Question

私はlite-serverを使用して Angular アプリケーションを開発しています。私は非常に単純な次のプロジェクト構造を持っています:

build/
    foo/
        index.html (references foo.js script)
    bar/
        index.html (references bar.js script)
foo.js
bar.js
bsconfig.json

私がやりたいことは、 loadスクリプトにアクセスlocalhost:8000/fooして取得するだけでなく、 foo/index.htmlloadingにアクセスして取得することです。foo.jslocalhost:8000/barbar/index.htmlbar.js

Browsersync オプションのドキュメントを読み、次bs-config.jsonを使用してファイルを構成しようとしましたが、機能しroutesませんでした。

score 0 · Accepted Answer

サーバーオブジェクトにルートを追加できます

routes : {"/foo" : "build/foo", "/bar" : "build/bar" }

foo.js と bar.js をそれぞれ "foo" と "bar" フォルダーの下に置いてローカルで参照するか、プロジェクトのフォルダーに残して "/foo.js" と "/bar.js" として参照することができます。 "

score -1 · Accepted Answer

base hrefindex.html ファイル内の別のフォルダを指すように設定できます。

  <base href="/foo/">

  <base href="/bar/">

また、ファイル内のメインパッケージをどこから提供するかを構成する必要がありsystem.configます。

2 に答える 2