このフォルダ構造を使用してAngular 2でnode_modulesを参照する方法は？

Question

私は、角2を使い始めることだし、私は次のフォルダ構造を使用しようとしている：

実際のソースが行くと製品版はそうtypescriptですコンパイル後に行くとどこ distがどこにある srcがある

- angular-app 
    - src 
    - dist 
    - package.json 

。コードをlite-server伝えるために、今すぐ

"scripts": { 
    "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ", 
    "lite": "lite-server", 
    "postinstall": "typings install", 
    "tsc": "tsc", 
    "tsc:w": "tsc -w", 
    "typings": "typings" 
} 

：今、アプリケーションを実行するために、私はlite-serverをインストールしていると私はpackage.jsonのscriptsセクションとして定義した、クイックスタートの提案を使用しました

srcの内側に私は内容で1つのbs-config.jsonファイルで、ルートにあるフォルダconfigsを追加しましたされています

{ 
    "port": 3000, 
    "files": ["./src/**/*.{html,htm,css,js}"], 
    "server": { "baseDir": "./src/" } 
} 

とを変更しましたスクリプトはlite-server -c configs/bs-config.jsonです。

これで、srcのファイルが配信されます。それはそこのすべてを見つけます。しかし問題があります。

index.htmlには、../node_modulesからロードされるいくつかのスクリプトがあります。 lite-serverはこのフォルダを認識していないので、../node_modulesに入るすべての要求に対して404を返します。

これは大きな問題です。どうすれば解決できますか？ の中のスクリプトをsrcの中からリクエストして、それらをlite-serverによって提供するにはどうすればよいですか？

Answer 1

あなたは（追加BASEDIRで注意してください「」）BS-config.jsonファイルにrootとしてあなたの角度-appフォルダを追加しようとすることができます

：

"server": { 
    "baseDir": ["./src", "."] 
    } 

次の例では、同様の参照/ index.htmlの角度アプリ/ SRC：

<script src="node_modules/core-js/client/shim.min.js"></script> 

はその後解決されるだろう（あなたのnodes_modulesを仮定すると、その親フォルダとしてあなたの「角度アプリ」を持っています）。