2017-09-15 5 views
2

私の角型cliプロジェクトでは、ノードパッケージではない外部jsライブラリを参照する必要があります。したがって、npmによってインストールされないため、node_modulesフォルダの下には置かれません。これらは緩やかなjsファイルです。私は .angular-cli.jsonファイル内のスクリプト配列にそれらを追加できるように、私は最高の プラクティスとして、それらを追加する必要があり、角度のCLIプロジェクト構造では、angle cliプロジェクト構造に外部Javascriptファイルを追加または配置し、typescriptファイルで使用する場所はどこですか?

  1. 私のタイスクリプトファイルでどのように使用しますか?

以下のリンクは、.angular-cli.jsonファイルのスクリプト配列でどのように参照するかを説明しています。ただし、ノードモジュールでない場合は、angi cliプロジェクトのフォルダ構造に外部jsファイルを追加する場所については言及していません。資産は次のようにフォルダ内の Angular Cli Webpack, How to add or bundle external js files?

+0

https://stackoverflow.com/questions/46014106/how-to-add-my-own-node-js-script-to-angular-4-project/46014372#46014372 –

答えて

4

は外部JSファイルを追加します:資産=> JS =>

.angular-cli.json filename.js

"scripts": [ 
    "../src/assets/js/externalfilename.js" 
] 

重要で変化した後。 angular-cli.jsonファイル。

<!-- assets/js/editor.js --> 
Editor = function() { 
    //This is my javascript function 
    console.log('Editor'); 
} 

editor.jsが.angular-cli.jsonに

"scripts": [ 
     "../src/assets/js/editor.js" 
    ] 
を追加します

editor.js:

方法下記のTSファイルの例では、その使用を開始し、プロジェクトを停止します

(component.tsファイル)

declare var Editor: any; 

export class EditorComponent { 

} 
+0

もう1つ質問を追加しました - どのように私のタイスクリプトファイルでそれらを使用するのですか?助けてもらえますか? –

+0

私の更新された回答を参照してください – Chandru

関連する問題