Angular CLI 全域性指令碼

有的時候，我們需要載入全域性指令碼，例如 jquery 指令碼庫，第三方的控制項庫等等。比如 jquery 可以直接載入到 window 物件上，這就需要我們使用 angular 中的全域性指令碼來處理。

這對於遺留的庫或者指令碼片段來說特別有用。

"scripts": [
"global-script.js",
],

可以使用物件格式實現重新命名和延遲載入。

"scripts": [
"global-script.js",
,  ,
],

一旦您通過scripts 匯入乙個庫，您不需要在 typescript **中通過 import 再次匯入它（例如 import * as $ from 'jquery';)。如果這樣做了，您會得到兩個不同的庫：乙個全域性匯入，乙個作為模組匯入。

這對於使用外掛程式的庫來說，尤其是個壞訊息，比如 jquery，因為每個複製品都有不同的外掛程式。

如果您使用的第三方庫還沒有型別定義，可以在 src/typings.d.ts 中手工定義為 any。

declare var libraryname: any;

在使用擴充套件其它庫的指令碼庫時，例如 jquery 的外掛程式例項（例如 $('.test').myplugin(); ） ,因為安裝的型別 @types/jquery 可能沒有包含 myplugin 的定義，您可能需要在 src/typings.d.ts 中新增乙個類似如下的介面。

inte***ce jquery

否則，在您的 ide 中，您可能會看到類似 [ts][error] property 'myplugin' does not exist on type 'jquery' 錯誤。